Typography
We use typography to create clear, consistent, and visually harmonious text across our products.
Sizes
Token | Value | Example |
---|---|---|
fontXSmall | 10px | Telescope |
fontSmall | 12px | Telescope |
fontMedium | 14px | Telescope |
fontLarge | 16px | Telescope |
fontXLarge | 18px | Telescope |
font2XLarge | 20px | Telescope |
font3XLarge | 24px | Telescope |
font4XLarge | 32px | Telescope |
font5XLarge | 48px | Telescope |
Weights
Token | Weight | Example |
---|---|---|
fontWeightRegular | 400 | Aa |
fontWeightMedium | 500 | Aa |
fontWeightSemibold | 600 | Aa |
fontWeightBold | 700 | Aa |
Line heights
Token | Value | Example |
---|---|---|
lineHeight1 | 1.4 | Telescope |
lineHeight2 | 1.6 | Telescope |
lineHeight3 | 1.7 | Telescope |
- Sizes
- Weights
- Line heights
On this page