Style Guide
Headings
.heading-8xl
Desktop (lg) — 8xl / 1
The quick brown fox jumps over the lazy dog
Tablet (md) — 2.375rem / 1
The quick brown fox jumps over the lazy dog
Mobile — 2.375rem / 1
The quick brown fox jumps over the lazy dog
.heading-6xl
Desktop (lg) — 6xl / 1
The quick brown fox jumps over the lazy dog
Tablet (md) — 5xl / 1
The quick brown fox jumps over the lazy dog
Mobile — 3xl / 1
The quick brown fox jumps over the lazy dog
.heading-5xl
Desktop (lg) — 5xl / 1.1
The quick brown fox jumps over the lazy dog
Tablet (md) — 4xl / 1.1
The quick brown fox jumps over the lazy dog
Mobile — 1.75rem / 1.1
The quick brown fox jumps over the lazy dog
.heading-4xl
Desktop (lg) — 4xl / 1.15
The quick brown fox jumps over the lazy dog
Tablet (md) — 3xl / 1.15
The quick brown fox jumps over the lazy dog
Mobile — 2xl / 1.15
The quick brown fox jumps over the lazy dog
.heading-3xl
Desktop (lg) — 1.875rem / 1.2
The quick brown fox jumps over the lazy dog
Tablet (md) — 2xl / 1.2
The quick brown fox jumps over the lazy dog
Mobile — xl / 1.2
The quick brown fox jumps over the lazy dog
.heading-2xl
Desktop (lg) — 2xl / 1.25
The quick brown fox jumps over the lazy dog
Tablet (md) — xl / 1.25
The quick brown fox jumps over the lazy dog
Mobile — lg / 1.25
The quick brown fox jumps over the lazy dog
.heading-xl
Desktop (lg) — xl / 1.3
The quick brown fox jumps over the lazy dog
Tablet (md) — lg / 1.3
The quick brown fox jumps over the lazy dog
Mobile — base / 1.3
The quick brown fox jumps over the lazy dog
Body
.text-xl
The quick brown fox jumps over the lazy dog
.text-lg
The quick brown fox jumps over the lazy dog
.text-base
The quick brown fox jumps over the lazy dog
.text-sm
The quick brown fox jumps over the lazy dog
.text-xs
The quick brown fox jumps over the lazy dog
Buttons
Variants
Sizes
Shapes
States
Button Links
Links
.link / AnimatedUnderline
Badges & Tags
Badge — rounded
Badge — pill
Chips
Feedback
Spinner
Rating
Favorite
Tooltip
Tabs & Accordion
Overview tab content.
Form Controls
Checkbox & Switch