تخطى إلى المحتوى الرئيسي
handlo

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.

Primary · on light
Primary · on dark
Reduced · ≤32px

Logo files

Color

Name
Handlo Lagoon
Hex
#14B8A6
OKLCH
oklch(0.52 0.09 208)
RGB
0 119 132

Typography

Schibsted Grotesk

Display, headings & the wordmark

Geist

Body & UI

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.