Use the brand correctly. It's easier than you think.
Two logo variants. Three primary colors. One typeface. A short list of what not to do. If you're covering hadef in press, using us on a partner page, or building an integration, start here.
Logo
For light backgrounds
The orange H on any light background. Minimum clear space is half the H height on all sides. Minimum size is 24px square.
For dark backgrounds
A variant with heavier outline so the mark stays readable on dark fills. Never swap to white. always use the dark-bg variant.
Lowercase, always
The word hadef is always lowercase, always one word, never followed by .io in body copy. Wordmark spacing is fixed. don't re-kern.
Colors and type
Three primary
Orange #EE6C4D (action, logo). Warm cream #F8F5F0 (backgrounds, sections). Ink #1C1917 (text, dark sections). Accent colors. steel, sage, muted blue. only for data visualization.
One typeface
Plus Jakarta Sans for everything. Weights 400, 500, 600, 700, 800. JetBrains Mono for code, tokens, and labels. No other typefaces anywhere.
What not to do
Don't rotate the H-mark. Don't add a drop shadow. Don't use the logo on photographic backgrounds without a solid fill behind it. Don't stretch, skew, or change the proportions of the mark. Don't use hadef as a verb in official communications. Don't translate the wordmark.
If you're unsure, email [email protected] with the context and we'll give you a thumbs up or a suggestion in under a day.
Need something specific?
Press kits, co-branded assets, event materials. We'll make it for you if it's in scope.