Typography

Font families and text styles used throughout the design system.

Font Families

Aa
Plus Jakarta Sans
Headings & UI
--font-primary
Aa
Inter
Body & Buttons
--font-body
Aa
Material Symbols
Icons
--font-icons

Headings

Aa
H1
56px · Medium
--heading-h1-size--heading-h1-weight
Aa
H2
40px · Regular
--heading-h2-size--heading-h2-weight
Aa
H3
32px · Regular
--heading-h3-size--heading-h3-weight
Aa
H4
24px · Regular
--heading-h4-size--heading-h4-weight
Aa
H5
20px · Medium
--heading-h5-size--heading-h5-weight

Body

Aa
Body Large
18px · Regular
--body-large-size--body-large-weight
Aa
Body Base
16px · Regular
--body-base-size--body-base-weight
Aa
Body Small
14px · Medium
--body-small-size--body-small-weight

Buttons

Aa
Button Base
20px · Semi Bold
--button-base-size--button-base-weight
Aa
Button Small
16px · Semi Bold
--button-small-size--button-small-weight

Helpers

Aa
Badge
14px · Semi Bold
--helper-badge-size--helper-badge-weight
Aa
Chip
18px · Regular
--helper-chip-size--helper-chip-weight
Aa
Tooltip
16px · Semi Bold
--helper-tooltip-size--helper-tooltip-weight
Aa
Legend
14px · Regular
--helper-legend-size--helper-legend-weight
42
Number
96px · Semi Bold
--helper-number-size--helper-number-weight

Icons

home
Icon Base
32px
--icon-base-size
home
Icon Small
24px
--icon-small-size