# Usage > Clear space, minimum sizes, monochrome variants, and placing the mark on colour and photography. --- LLMS index: [llms.txt](/brand/v1.0.0/llms.txt) --- ## 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
48px
32px
24px — minimum
16px — favicon only
| 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:
Monochrome variants
Midnight
Black
White reversed
Grey
| 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
Darker -> dark mark
On accent → white ring
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
48px / r8
32px / r4
16px / r2
| 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.