Typography
The list of available typography tokens
Fonts
Here's the list of available fonts.
theme.tokens.fonts
Ag
Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
Ag
Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
Ag
SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
Font Sizes
Here's the list of available font sizes.
theme.tokens.fontSizes
2xs
0.65rem
Ag
xs
0.725rem
Ag
sm
0.875rem
Ag
md
1rem
Ag
lg
1.125rem
Ag
xl
1.25rem
Ag
2xl
1.5rem
Ag
3xl
1.875rem
Ag
4xl
2.25rem
Ag
5xl
3rem
Ag
6xl
3.75rem
Ag
7xl
4.5rem
Ag
8xl
6rem
Ag
9xl
8rem
Ag
Font Weights
Here's the list of available font weights.
theme.tokens.fontWeights
hairline
100
Ag
thin
200
Ag
light
300
Ag
normal
400
Ag
medium
500
Ag
semibold
600
Ag
bold
700
Ag
extrabold
800
Ag
black
900
Ag
Line Heights
Here's the list of available line heights.
theme.tokens.lineHeights
shorter / 1.25
Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.
short / 1.375
Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.
moderate / 1.5
Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.
tall / 1.625
Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.
taller / 2
Naruto is a Japanese manga series written and illustrated by Masashi Kishimoto. It tells the story of Naruto Uzumaki, a young ninja who seeks recognition from his peers and dreams of becoming the Hokage, the leader of his village.
Letter Spacings
Here's the list of available letter spacing.
theme.tokens.letterSpacings
tighter / -0.05em
Naruto Uzumaki
tight / -0.025em
Naruto Uzumaki
wide / 0.025em
Naruto Uzumaki
wider / 0.05em
Naruto Uzumaki
widest / 0.1em
Naruto Uzumaki