Brand guidelines
How to use the Acme brand.
Logo, colour, and typography rules so external partners can use the brand consistently.
Logo
Two variants — on light and on dark. Maintain clear space equal to the monogram.
Colour palette
CSS-variable-driven. Buyers can override every value via the Theme Studio.
- Primary--primary
- Foreground--foreground
- Muted--muted
- Accent--accent
- Card--card
Typography
A small, opinionated scale. Heading uses the same font; weight does the work.
Ship to every market
Display — 48px / 1.1
A multilingual landing in a weekend
Heading — 30px / 1.2
Pre-wired locales, theme studio, SEO
Subheading — 20px / 1.4
Drop in your copy in any language and launch.
Body — 16px / 1.6
CAPTION TEXT
Caption — 12px / 1.4
Do
- Use the wordmark on backgrounds with at least AA contrast (4.5:1).
- Leave clear space equal to the monogram height around the logo.
- Match the conversational, technical tone — confident, never corporate.
Don’t
- Don’t stretch, rotate, or recolour the wordmark.
- Don’t recolour the monogram outside the approved palette.
- Don’t edit the tagline or write your own paraphrase.
Need raw assets?
Grab logos, palette, and screenshots from the press kit page.