Brand & press kit
The handlo mark, wordmark, and color — and how to use them. Everything here comes from a single source of truth, so it stays consistent everywhere the brand appears.
The mark — the speaking-h
A lowercase h that emits a voice arc and a faint echo — “an h that speaks”. The primary mark is for ≥24px; the reduced glyph (the bare h, voice arcs dropped) stays legible down to a 16px favicon.
Color
- Name
- Handlo Lagoon
- Hex
- #007784
- OKLCH
- oklch(0.52 0.09 208)
- RGB
- 0 119 132
Typography
Bricolage Grotesque
Display & headings
Geist
Body, UI & the wordmark
Clear space & minimum size
- Keep clear space of at least ½ the mark's height on all sides of the lockup.
- Lockup minimum: the mark ≥ 20px tall — below that, drop the wordmark.
- At ≤ 32px, use the reduced glyph, not the primary mark.
Do & don't
Do
- Let the mark inherit theme color (use the white version on dark).
- Use the reduced glyph for favicons and small icons.
- Keep Handlo Lagoon as the single brand color.
Don't
- Re-draw the mark, add dots, or use the old bar mark.
- Bake “.ai” into the logo or stretch the mark.
- Recolor it to a non-brand color.
