Everything you need to put Zowie in a deck, an article, a partner page, or a piece of print. Take the files as they are - the marks and colors on this page are the only approved versions.
The Zowie wordmark is the whole logo; there is no separate symbol or icon lockup. Every file below is an SVG that scales cleanly from a favicon to a building wrap.
Keep clear space of at least the height of the dot stack on every side.
Don't crowd the mark with copy, badges, or other logos.
Scale proportionally - the SVG has no minimum size in print.
Don't stretch, rotate, skew, or add effects to the wordmark.
Use one of the three supplied colorways, unaltered.
Don't recolor the mark or place the black version on a dark surface.
Click any value to copy it. The scale is dark-first - the dark neutrals are the product's default surfaces, and the light end mirrors them step for step.
One accent, used sparingly. Orange carries single-word emphasis, active states, and icon containers - never a full paragraph.
Core accent. The only brand color.
Palest warm surface for orange-tinted panels.
Pressed / hover state on orange fills.
Warm shadow under orange on dark surfaces.
The dark-first end of the scale. Zowie Black is the page surface; the two steps above it separate cards and inner wells.
Page surface on dark. Body copy on light.
Card on a dark page.
Inner well inside a card.
Hairline on dark surfaces.
Three steps of supporting type. Watch contrast - Grey 500 is for 18px and up, or non-essential labels.
Supporting copy on dark.
Labels, captions, muted type.
Supporting copy on light.
The light end of the same scale. Cards invert - a card on white sits on off-white, and vice versa.
Page surface on light. Body copy on dark.
Card on a white page.
Inner well inside a light card.
Hairline on light surfaces.
Functional only. These three never carry brand expression - they report state in product UI.
Passed, healthy, resolved.
Failed, blocked, destructive.
Degraded, needs attention.
Regular 400 for body copy, Medium 500 for headings and emphasis. The family runs seven weights with matching italics; it's a licensed face, so ask us for the files rather than downloading them here.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ĄĆĘŁŃÓŚŹŻ ąćęłńóśźż & @ # % ( ) [ ] “ ” — →
Britti Sans is Zowie’s brand typeface and a licensed commercial face, so the files aren’t published here. Get in touch and we’ll send the weights you need along with the terms they’re cleared under.
Setting type for Zowie without the licence? Use a system sans at the same weights - Regular for body, Medium for headings - rather than substituting another display face.
Display L
72 / 72 · -2% · Page hero
Display M
48 / 52 · -1% · Section header
Headline L
30 / 36 · Pillar title
Headline M
24 / 28 · Card title
Headline S
20 / 26 · Inner-card label
Quote L
32 / 40 · -1% · Pull-quote
Body XL
20 / 30 · Hero support copy
Body L
16 / 20 · Standard body
Body M
14 / 16 · Dense body, UI labels
Body S
12 / 16 · Captions, legal
Sizes shown are the desktop end of each token. Display and headline steps shrink one tier on mobile.
Every icon in use on the site and in the product - 79 glyphs on a 24px canvas at 1.5px stroke. Click any one to download its SVG.
Icons are stroked, not filled - recolor them by swapping the stroke value. Third-party brand marks used on the site (LinkedIn, X, Instagram) aren’t included; take those from their own brand pages.
Product screenshots, executive headshots, a logo in a format we haven’t published, or sign-off on how you plan to use the brand - ask and we’ll send it over.
