Brand & logos
The harnery marks: the logo (emblem + wordmark), the emblem on its own, and the wordmark, each in the color treatments built for light and dark surfaces. Everything here is SVG, so it stays crisp at any size.
The primary lockup. Use it wherever there is room for the full mark: site headers, READMEs, slides, sponsor walls. Reach for a treatment that fits the background, not the other way around.
Emblem
Section titled “Emblem”The mark on its own, the split-pillar H. Use it where the full logo will not fit or would not be legible: favicons, app icons, avatars, the corner of a dark dashboard. It reads down to 16px.
Wordmark
Section titled “Wordmark”The name set in the harnery letterforms, for places that already carry the emblem or where only the name is needed.
Colors
Section titled “Colors”Orange and teal are the brand; the emblem fades between them. Charcoal and near-black are the neutrals for dark UI and text.
Clear space & minimum size
Section titled “Clear space & minimum size”Give the mark room. Keep clear space on all sides at least equal to the height of the emblem’s crossbar, and do not crowd it with text or other logos.
Minimum sizes, so the split-pillar H stays legible:
| Mark | Minimum |
|---|---|
| Emblem | 16px (favicon size) |
| Full logo | ~120px wide |
| Wordmark | ~140px wide |
Do
- Use the supplied files as-is, and pick the treatment that suits the background (reversed or white on dark, primary or mono black on light).
- Keep the clear space above.
- Use the emblem alone when the full logo would be too small to read.
Don’t
- Recolor, redraw, rotate, stretch, or add effects (shadows, outlines, gradients of your own).
- Recreate the mark in another font or swap the orange-to-teal gradient.
- Use the marks as your own product or app icon, or in any way that implies endorsement or affiliation.
License
Section titled “License”harnery’s source is MIT-licensed. The harnery name, logo, emblem, and wordmark are project marks and are not covered by the MIT license.
You’re welcome to use the marks to link to or refer to harnery, and to show them in articles, talks, and “tools I use” lists, as long as you follow the usage rules above. For anything else, or a use these guidelines don’t cover, open an issue.