Typography
Typography scale and font families used throughout the platform. We use a combination of variable fonts for optimal performance and flexibility.
Font Families
Our design system includes several carefully selected font families, each optimized for specific use cases.
Rubik
Body, paragraph, small
Google Sans Flex Medium
Headlines, headings (h1–h6), and logo text
Type Scale
Our type scale follows a harmonious progression for consistent typography hierarchy.
Display / 5xl
The quick brown fox
Heading 1 / 4xl
The quick brown fox
Heading 2 / 3xl
The quick brown fox
Heading 3 / 2xl
The quick brown fox
Body / base
The quick brown fox jumps over the lazy dog.
Small / sm
The quick brown fox jumps over the lazy dog.
Available Fonts
InterTight
The quick brown fox jumps over the lazy dog.
Variable font
Figtree
The quick brown fox jumps over the lazy dog.
Variable font
LibreFranklin
The quick brown fox jumps over the lazy dog.
Variable font
Manrope
The quick brown fox jumps over the lazy dog.
Variable font
GoogleSansFlex
The quick brown fox jumps over the lazy dog.
Variable font
ChakraPetch
The quick brown fox jumps over the lazy dog.
Variable font