The Harnace logo, colors and type.
For press, partners and anyone building something that mentions us. Take the files you need, or the whole kit as one zip. The rules are short and at the bottom.
Logo
BRAND.LOGOThe mark, the wordmark and the lockup. Transparent outside the artwork. Charcoal on light surfaces, Ivory on dark.
Mark, Charcoal
Transparent. Use on Ivory and Sand
Mark, Ivory
Transparent. Use on Charcoal and Clay
Mark, currentColor
SVG only, for inline use in web surfaces
Wordmark, Charcoal
Transparent. Use on Ivory and Sand
Wordmark, Ivory
Transparent. Use on Charcoal and Clay
Wordmark, currentColor
SVG only, for inline use in web surfaces
Lockup, Charcoal
Transparent. Use on Ivory and Sand
Lockup, Ivory
Transparent. Use on Charcoal and Clay
Lockup, currentColor
SVG only, for inline use in web surfaces
On a tile
BRAND.TILEThe same logos on an Ivory or Charcoal background with clear space built in, for anywhere transparency is not an option.
App icon
BRAND.ICONThe Modules H on a rounded square. Clay is the one we ship.
Favicon
BRAND.FAVICONThe mark on a Charcoal tile so it keeps an edge on light and dark tab strips. Our own tabs show the mark alive's still frame instead: on Charcoal for harnace.com, and on Ivory for the console.
Favicon, Ivory mark on a Charcoal tile
32 and 16 px PNG. The SVG flips with the browser's color scheme
Social
BRAND.SOCIALAn avatar at the size the platforms want.
Avatar, Clay
400 px, for profile pictures. Platforms round it themselves
The mark, alive
BRAND.ALIVEOn our pages the mark is drawn on a pixel grid in Charcoal, Umber, Clay and Sand, with a slow light across it, as in the header above. These are its still frame and its moving versions, for places that cannot draw it. The logo files stay the mark for print and press.
Icon tile
The still frame on Ivory, for an app icon or a profile photo. Every size has whole pixels to a cell.
Slack emoji
128 px. The first frame is the still mark.
Email signature
Link it from harnace.com rather than pasting the file, so it can change without anyone redoing a signature.
Colors
BRAND.PALETTEEight colors. Charcoal and Ivory do most of the work. Clay is the accent and it is a fill, not a text color on light surfaces. tokens.css and tokens.json carry the same values.
Rules
BRAND.RULES- Charcoal files go on Ivory and Sand. Ivory files go on Charcoal and Clay.
- Use the mark alone below about 120 px wide. Use the lockup otherwise.
- Clear space of at least half the mark's height on every side.
- Do not stretch, rotate, outline, add gradients or shadows, or recolor the mark.
- Type is Inter for product and interface. Tiempos Text for marketing headlines only.
- The name is Harnace, capital H, one word. Not HARNACE, not Harnace.ai.
- These files are for referring to Harnace. They do not imply endorsement or partnership.
- Questions or a size we are missing: hello@harnace.com.