Usage
Clear space
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
| 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
| 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
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:
| Size | Radius |
|---|---|
| 16px | 2px |
| 32px | 4px |
| 48px | 8px |
| 180px | 36px |
Measure the background against slate-5 before choosing a variant. Keep the full clear-space zone even when layout is tight.
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.