Usage
Clear space, minimum sizes, monochrome variants, and placing the mark on colour and photography.
Clear space
Exclusion zone — 1x the icon height on every side
Nothing enters the dashed zone Minimum clear space is 1× the icon height on all sides. Nothing — text,
rules, image edges, other logos — enters that exclusion zone.
At a 40px mark, that is 40px of clear space in every direction. The zone scales
with the mark, so it never needs recalculating per context.
Minimum sizes
Minimum sizes — 48 / 32 / 24 / 16px
| Variant | Minimum |
|---|
| Icon (standalone) | 24px — 16px for favicons only |
| Stacked lockup | 60px |
| Two-line lockup | 120px |
| One-line lockup | 140px |
| Dot-replace lockup | 160px |
Below these sizes the petal cuts collapse into a smudge. If the space is smaller
than the minimum, use a smaller variant rather than scaling one down.
Monochrome
Four monochrome treatments are approved, for print, fax, embossing, and any
single-colour reproduction:
| Variant | Mark | Inner lines | Surface |
|---|
| Midnight | #1d3352 | White | Light |
| Black | #000000 | White | Light |
| White reversed | #ffffff | Slate | Midnight |
| Grey | #9299a4 | White | Light |
The white-reversed variant uses slate for its inner lines rather than the
background colour, so the petal structure stays visible. All petal structure
must remain legible in every monochrome variant — a solid silhouette is not an
approved treatment.
On colour
Placing the mark on colour
Lighter than slate-5 -> light mark On photography -> midnight backing | Background | Treatment |
|---|
| Lighter than slate-5 | Light-surface mark |
| Darker than slate-5 | Dark-surface mark |
Accent (#E05232) | Mark with a white ring border |
| Photography | Semi-transparent midnight backing behind the mark |
The slate-5 threshold is the decision rule: measure the background, pick the
side it falls on. On the accent, neither variant has enough separation on its
own, which is why the ring exists.
On photography
Never place the mark directly on an unmodified photograph. Apply a
semi-transparent midnight backing — a shape, a scrim, or a gradient — so the
mark sits on a controlled surface. The backing is part of the logo treatment,
not an optional enhancement.
Watermark
Watermark — uniform wash, no accent
For background use, the mark may run as a watermark at 8–15% opacity. It
renders as a uniform wash: no accent colour in watermark mode, since a
single coloured element at low opacity reads as a printing error.
Favicons
Icon-only, on a midnight tile, with 12% padding. Corner radius scales with
size:
Favicon tiles — 12% padding, radius scales with size
| Size | Radius |
|---|
| 16px | 2px |
| 32px | 4px |
| 48px | 8px |
| 180px | 36px |
Do
Measure the background against slate-5 before choosing a variant. Keep the full
clear-space zone even when layout is tight.
Don't
Recolour the mark outside the approved variants, add effects (shadow, glow,
outline, gradient), rotate or skew it, or place it on a busy photograph without
a backing.