Logo

One name. A flexible family.

Use the supplied masters. Keep the spelling and the lowercase wordmark intact. Every master below is the real file from logo/, as an SVG plus a 4× PNG.

PrimarySymbol + two-line wordmarkSVGPNG

HorizontalNarrow headersSVGPNG

SymbolRecognition at a glanceSVGPNG

App iconSymbol ≈ 62% of a warm cream tileSVGPNG

Primary, reversedDark surfacesSVGPNG

Horizontal, reversedDark surfacesSVGPNG

Symbol, reversedDeep Ink or tealSVGPNG

Primary, one colourSingle-colour printSVGPNG

Horizontal, one colourSingle-colour printSVGPNG

Symbol, one colourStamps, engraving, labelsSVGPNG

Choose the right background

Preserve every panel, the internal gaps and the wordmark’s proportions.

Surface	Use
Warm Cream, white or a light accent	The full-colour logo
White, single-colour print	The one-colour ink master
Deep Ink or Maker Teal	The reversed cream master

The monochrome versions keep a hollow opening and transparent folds. Don’t make them by recolouring the full-colour logo.

Room to breathe

Keep the lockup together and measure the visible artwork. H is the symbol height; scale the master as one object.

Rule	Value
Symbol to stacked wordmark height	1.25×
Gap between symbol and wordmark	H ÷ 6
Clear space on every side	H ÷ 4

Keep it legible

These are recommended starting sizes. Always check the final output.

Where	Minimum
Symbol height, on screen	48 px
Primary lockup width, on screen	180 px
In print	12 mm symbol / 40 mm lockup. Proof at actual size before production.
App icon	Symbol ≈ 62% of the tile height, on a warm cream field

Below 48 px, test a dedicated small-size asset rather than shrinking the master.

Keep the system intact

The box is a fixed piece of artwork. Treat it as one recognizable unit.

1. Don’t stretch it.
2. Don’t rotate it.
3. Don’t recolour the panels.
4. Don’t lose the dark panels on a dark background. Use the reversed master instead.
5. Don’t add effects such as shadows, glows or gradients.
6. Don’t change the type of the wordmark.