Typography
Typefaces, scale, and text styles used across Smallest products.
Aeonik Pro
Primary sans-serif. Regular (400) and Medium (500) only.
The quick brown fox jumps over the lazy dog
Regular
The quick brown fox jumps over the lazy dog
Medium
Type scale
Named styles from the Smallest Design System. UI chrome uses text-sm (14/20) as the minimum.
text-xs
12px
16px
Aeonik Pro
text-sm
14px
20px
Aeonik Pro
text-base
16px
24px
Aeonik Pro
text-lg
18px
28px
Aeonik Pro
text-xl
20px
32px
Aeonik Pro
text-2xl
24px
36px
Aeonik Pro
Headings
Semantic heading component mapped to the type scale.
Heading 2xl
Heading xl
Heading lg
Heading base
Body
Body text at text-sm
Body text at text-base
Body text at text-lg
Body text at text-xl
Body text at text-2xl
Color
text/primary
#010101text/secondary
#525252text/tertiary
#737373text/quaternary
#a1a1a1text/disabled
#d4d4d4Weight
Regular (400)
Medium (500)
Website typography
Use these tokens for website layouts that scale across desktop, tablet, and mobile. Keep product typography tokens for application UI; website tokens use separate names to distinguish responsive styles from the fixed product scale.
A purpose built voice agent
Fix issues faster, consistently
On-call that puts you first
Designed for everyday life
Based on historical incidents
Based on historical incidents
Get started