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
text/secondary
text/tertiary
text/quaternary
text/disabled
Weight
Regular (400)
Medium (500)