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
48px
32px
24px — minimum
16px — favicon only
VariantMinimum
Icon (standalone)24px — 16px for favicons only
Stacked lockup60px
Two-line lockup120px
One-line lockup140px
Dot-replace lockup160px

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
VariantMarkInner linesSurface
Midnight#1d3352WhiteLight
Black#000000WhiteLight
White reversed#ffffffSlateMidnight
Grey#9299a4WhiteLight

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
BackgroundTreatment
Lighter than slate-5Light-surface mark
Darker than slate-5Dark-surface mark
Accent (#E05232)Mark with a white ring border
PhotographySemi-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
SizeRadius
16px2px
32px4px
48px8px
180px36px
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.