H1text-title-h1
- Weight
- Medium 500
- Size
- 20px
- Line
- 28px
- Tracking
- -1%
The quick brown fox jumps over the lazy dog.
Foundations — Product 5
Typography
A clear and consistent typography system that works effortlessly across all kinds of content.
22 styles5 groupsGeist Sans16px base
Title
Display & headings · 6 stylesH2text-title-h2
- Weight
- Medium 500
- Size
- 16px
- Line
- 24px
- Tracking
- -1%
The quick brown fox jumps over the lazy dog.
H3text-title-h3
- Weight
- Medium 500
- Size
- 14px
- Line
- 20px
- Tracking
- -1%
The quick brown fox jumps over the lazy dog.
H4text-title-h4
- Weight
- Medium 500
- Size
- 12px
- Line
- 16px
- Tracking
- -0.5%
The quick brown fox jumps over the lazy dog.
H5text-title-h5
- Weight
- Medium 500
- Size
- 10px
- Line
- 14px
- Tracking
- 0%
The quick brown fox jumps over the lazy dog.
H6text-title-h6
- Weight
- Medium 500
- Size
- 20px
- Line
- 28px
- Tracking
- 0%
The quick brown fox jumps over the lazy dog.
Label
Interface labels · 5 stylesX-Largetext-label-xl
- Weight
- Medium 500
- Size
- 24px
- Line
- 32px
- Tracking
- -1.5%
The quick brown fox jumps over the lazy dog.
Largetext-label-lg
- Weight
- Medium 500
- Size
- 18px
- Line
- 24px
- Tracking
- -1.5%
The quick brown fox jumps over the lazy dog.
Mediumtext-label-md
- Weight
- Medium 500
- Size
- 16px
- Line
- 24px
- Tracking
- -1.1%
The quick brown fox jumps over the lazy dog.
Smalltext-label-sm
- Weight
- Medium 500
- Size
- 14px
- Line
- 20px
- Tracking
- -0.6%
The quick brown fox jumps over the lazy dog.
X-Smalltext-label-xs
- Weight
- Medium 500
- Size
- 12px
- Line
- 16px
- Tracking
- 0%
The quick brown fox jumps over the lazy dog.
Paragraph
Body copy · 5 stylesX-Largetext-paragraph-xl
- Weight
- Regular 400
- Size
- 24px
- Line
- 32px
- Tracking
- -1.5%
The quick brown fox jumps over the lazy dog.
Largetext-paragraph-lg
- Weight
- Regular 400
- Size
- 18px
- Line
- 24px
- Tracking
- -1.5%
The quick brown fox jumps over the lazy dog.
Mediumtext-paragraph-md
- Weight
- Regular 400
- Size
- 16px
- Line
- 24px
- Tracking
- -1.1%
The quick brown fox jumps over the lazy dog.
Smalltext-paragraph-sm
- Weight
- Regular 400
- Size
- 14px
- Line
- 20px
- Tracking
- -0.6%
The quick brown fox jumps over the lazy dog.
X-Smalltext-paragraph-xs
- Weight
- Regular 400
- Size
- 12px
- Line
- 16px
- Tracking
- 0%
The quick brown fox jumps over the lazy dog.
Subheading
Eyebrows & overlines · 4 stylesMediumtext-subheading-md
- Weight
- Medium 500
- Size
- 16px
- Line
- 24px
- Tracking
- 6%
The quick brown fox jumps over the lazy dog.
Smalltext-subheading-sm
- Weight
- Medium 500
- Size
- 14px
- Line
- 20px
- Tracking
- 6%
The quick brown fox jumps over the lazy dog.
X-Smalltext-subheading-xs
- Weight
- Medium 500
- Size
- 12px
- Line
- 16px
- Tracking
- 4%
The quick brown fox jumps over the lazy dog.
2X-Smalltext-subheading-2xs
- Weight
- Medium 500
- Size
- 11px
- Line
- 12px
- Tracking
- 2%
The quick brown fox jumps over the lazy dog.
Doc
Long-form reading · 2 stylesLabeltext-doc-label
- Weight
- Medium 500
- Size
- 18px
- Line
- 32px
- Tracking
- -1.5%
The quick brown fox jumps over the lazy dog.
Paragraphtext-doc-paragraph
- Weight
- Regular 400
- Size
- 18px
- Line
- 32px
- Tracking
- -1.5%
The quick brown fox jumps over the lazy dog.