02 / Typography
HEADLINES / Fraunces (Variable, WONK axis)
Build the engine.
Not the campaign.
Fraunces 400 / -0.03em tracking / Size: clamp(36px, 5.5vw, 72px)
WONK AXIS DEMO
Systems that scale. Brands that last.
The WONK axis creates playful mixing between upright and italic letterforms
BODY / Inter
We design AI-native content systems that produce, distribute, and measure your marketing. Your brand grows without your team drowning.
Inter 400 / 1.6 line-height / Size: 16px base
LABELS + DATA / JetBrains Mono
CONTENT SYSTEMS · 3,964% GROWTH · 01 AUDIT & ARCHITECT
JetBrains Mono 500 / 0.08em tracking / uppercase / Size: 11px
TYPE SCALE
H1 Display
H2 Section Head
H3 Card Title
Body text at 16px with 1.6 line height for comfortable reading.
MONO LABEL
03 / Buttons
Button styles
Radius: 999px (full pill) · Padding: 16px 32px · Transition: 0.15s cubic-bezier
Primary: teal bg, white text, dot indicator · Active: 1px press-down + inset shadow
04 / Components
Cards
Content Systems
Talerico Group
Consulting firm with no time for marketing. We built a system: one 30-minute recording per month becomes a full content pipeline.
Background: #FFFFFF · Border: 1px solid #DAD8D3 · Radius: 16px · Padding: 40-48px
Hover: border darkens, subtle box-shadow (0 8px 32px rgba(0,0,0,0.04))
Labels
Section label
JetBrains Mono 500 · 11px · 0.08em tracking · Uppercase · Teal color
Tool pills
Claude
GPT
Gemini
ElevenLabs
Riverside
JetBrains Mono 500 · 13px · Pill radius (999px) · Teal border + text on hover
05 / Spacing
Section padding: clamp(80px, 10vw, 140px) · Card padding: 40-48px · Grid gaps: 24px cards, 80px sections