'/%3e%3cg%20transform='translate(170%20205)%20scale(0.3606)'%20fill='%23111011'%3e%3cpath%20d='M497%20640H359L248%20320%20122%20640H0L256%200z'/%3e%3cpath%20d='M292.43%20640H200.8L248%20522z'/%3e%3cpath%20d='M335%200h138l111%20320L710%200h122L576%20640z'/%3e%3c/g%3e%3c/svg%3e){kind=small}
Foundations
Type
Crimson Pro Light for titles, Inter for interface and body text, JetBrains Mono for code. One size scale from 11 to 80 px.
Families
Display · --alea-font-family-display
Crimson Pro
Body · --alea-font-family-body
Inter
Code · --alea-font-family-mono
Mono
Size scale
--alea-font-size-7xl80pxDesign that plays--alea-font-size-6xl64pxDesign that plays--alea-font-size-5xl48pxDesign that plays--alea-font-size-4xl36pxDesign that plays--alea-font-size-3xl28pxDesign that plays--alea-font-size-2xl24pxDesign that plays--alea-font-size-xl20pxDesign that plays--alea-font-size-lg18pxDesign that plays--alea-font-size-base16pxDesign that plays--alea-font-size-md14pxDesign that plays--alea-font-size-sm13pxDesign that plays--alea-font-size-xs12pxDesign that plays--alea-font-size-2xs11pxDesign that playsWeights, line heights, tracking
--alea-font-weight-light300--alea-font-weight-regular400--alea-font-weight-medium500--alea-font-weight-semibold600--alea-font-leading-tight1.1--alea-font-leading-snug1.3--alea-font-leading-normal1.5--alea-font-leading-relaxed1.6--alea-font-tracking-display-0.02em--alea-font-tracking-tight-0.01em--alea-font-tracking-normal0em--alea-font-tracking-eyebrow0.08em