Typography
Typography
Typography provides the foundation for clear and readable. A defined type scale establishes hierarchy, while specific typefaces guide different purposes—ensuring text communicates effectively and consistently across the product.
Title
The "Gotham" typeface to be used for titles and headlines.
XX-Large | Font size 86px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.12em / 12% |
|---|---|---|---|---|
X-Large | Font size 60px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.12em / 12% |
Large | Font size 41px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.4em / 4% |
Medium | Font size 29px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.4em / 4% |
Small | Font size 24px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.4em / 4% |
X-Small | Font size 20px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.4em / 4% |
XX-Small | Font size 17px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.4em / 4% |
Text
The "Bull Text" typeface for body text and paragraphs.
X-Large | Font size 29px | Weight Regular / Medium | Line Height 1.38 / 138% |
|---|---|---|---|
Large | Font size 24px | Weight Regular / Medium | Line Height 1.33 / 133% |
Medium | Font size 20px | Weight Regular / Medium | Line Height 1.5 / 150% |
Small | Font size 17px | Weight Regular / Medium | Line Height 1.41 / 141% |
X-Small | Font size 14px | Weight Regular / Medium | Line Height 1.36 / 136% |
XX-Small | Font size 12px | Weight Regular / Medium | Line Height 1.25 / 125% |
Labels
The "Gotham" typeface for labels inside buttons and badges.
X-Small | Font size 14px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.12em / 12% |
|---|---|---|---|---|
XX-Small | Font size 12px | Weight Medium | Line Height 1.2 / 120% | Letter Spacing 0.4em / 4% |
Get started
Resources to get started using typography.