Fluid type scales
Generate clamp()-based scales from a base size and ratio — responsive by default, with zero breakpoints to babysit.
Type systems
that scale.
Kern turns your brand fonts into production-ready type scales, tokens, and CSS — in minutes, not sprints.
Trusted by 4,000+ product teams · 1.2M tokens exported
Everything your type stack needs.
Design tokens
Export scales as CSS variables, Tailwind config, or JSON. One source of truth for designers and engineers alike.
Brand guardrails
Lock fonts, weights, and sizes per project so every team ships the same type — everywhere, every time.
From fonts to tokens in three steps.
- 01
Connect your fonts
Link a Google Fonts or self-hosted webfont in seconds. Kern reads weights and optical sizes automatically.
- 02
Define your scale
Set a base size, ratio, and viewport bounds. Preview every step against real product copy before you commit.
- 03
Ship the tokens
Export to CSS, Tailwind, or Figma variables. Push updates to your whole team with a single click.
Simple, scalable pricing.
Free
$0 forever
- 1 project, 3 scales
- CSS variable export
- Community support
Studio
$19/mo
- Unlimited projects
- All export formats
- Brand guardrails
Foundry
$49/mo
- Unlimited seats & SSO
- Multi-brand libraries
- Dedicated support
Loved by design and engineering.
“We replaced three internal tools and a 400-line typography stylesheet with one Kern export. Our type finally behaves like a system.”
“Kern cut our design-to-code handoff for typography to zero. Engineers pull tokens straight from the source of truth.”
Frequently asked questions.
Do I need to host my own fonts?
No. Kern works with any webfont — Google-hosted, self-hosted, or licensed foundry files. Just paste a URL or upload the files and we handle the rest.
Which frameworks do exports support?
Every scale exports as plain CSS variables, JSON, or a ready-to-drop Tailwind config. Figma variable libraries sync automatically on paid plans.
Can I change plans or cancel later?
Yes. Upgrade, downgrade, or cancel anytime from your dashboard — changes take effect at the end of your billing period, with no lock-in.