Skip to contentThe system
Email design
brand kit
The system
that keeps us consistent.
Colors, type, spacing, shadows, tone. Use these when building marketing, partner decks, or integration materials.
Color
6 tokensprimary
#E8661A
CTAs, key highlights, single accent color
secondary
#2A2420
headlines, primary UI, dark surfaces
surface
#FDFBF7
default page background, warm off-white
surface-alt
#F6EFE4
alternate section background
surface-ink
#1A1512
CTA + footer dark surfaces
border
#E8DFD2
card + divider borders
Typography
display · Geist
Aa
-0.035em tracking, balance-wrap, 0.95 leading on hero.
body · Geist
Aa
16px default, text-wrap: pretty, 500 weight available.
rules
- Display
- Geist · font-headline
- -0.035em tracking, 0.95 leading
- Body
- Geist · font-geist
- default 16px, text-wrap: pretty
- Eyebrow / label
- JetBrains Mono · tracking-[0.28em]
- uppercase, 10–11px
- Metrics
- Geist tabular-nums · .tabular
- tabular figures for columns
spacing · 4px base
- 4px--spacing-xs
- 8px--spacing-sm
- 16px--spacing-md
- 32px--spacing-xl
- 64px--spacing-3xl
radius
14pxinputs
22pxcards
28pxfeatured surfaces
9999pxpills + buttons
shadows
ink-sm0 2px 8px -2px rgba(42,36,32,0.08)
ink0 12px 32px -12px rgba(42,36,32,0.18)
ink-lg0 24px 60px -20px rgba(42,36,32,0.22)
ember0 18px 40px -14px rgba(232,102,26,0.35)
Need the source files?
Logos, Figma tokens, and partner assets live in a shared drive. Email the design team for access.