type
displayFraunces
bodyInter
monoJetBrains Mono
Interface
Invite
Skill GraphView all
Organization
AssignmentsView all
Last 30 days
Active1
Completed1
Missed0
Unit Completions
Last 30 days
Lessons0
Courses0
Briefs0
Assessments1
Top PerformersView all
Last 30 days
No learning activity in the last 30 days. Adjust the timeframe or assign lessons to motivate your team.Assign lessons
Top CoursesView all
Last 30 days
No course activity in the last 30 days. Adjust the timeframe or assign a course to motivate your team.Assign a course
Adoption Rate
Organization
50%
Active1
Not Started1
Invites Pending0
Editorial
Design systems

Choose type once, ship it everywhere.

A display face for the moments that matter, a body face that disappears into reading — locked together as tokens your whole team shares.

Why pairings beat picking

Most tools hand you 1,400 fonts and wish you luck. The better question is narrower: which two families work together at the sizes your product actually uses? Lock the one you love, keep rolling the other.

Your scale is generated, not guessed — every step like --text-xl: 1.563rem comes from one base and one ratio.

Fig 1. The same pairing, exported as CSS variables, Tailwind config, and JSON tokens.

Scale
5xl · hero
61.0px · 3.815rem
Pack my palette0123
4xl · display
48.8px · 3.052rem
Pack my palette0123
3xl · h1
39.1px · 2.441rem
Pack my palette0123
2xl · h2
31.3px · 1.953rem
Pack my palette0123
xl · h3
25.0px · 1.563rem
Pack my palette0123
lg · lead
20.0px · 1.250rem
Pack my palette0123
base · body
16.0px · 1.000rem
Pack my palette0123
sm · secondary
14.3px · 0.894rem
Pack my palette0123
xs · caption
12.8px · 0.800rem
Pack my palette0123
space shuffle pairingEditorial warmth
displayFraunces
bodyInter
monoJetBrains Mono