Foundation

Elements

Components

Foundation

Typography

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Headline 3XL

Class: heading-3xl

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Headline 2XL

Class: heading-3xl

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Headline XL

Class: heading-3xl

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Headline LG

Class: heading-3xl

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Headline MD

Class: heading-3xl

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Headline SM

Class: heading-3xl

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Headline XS

Class: heading-3xl

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Body XL

Class: body-text-xl

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Body MD

Class: body-text-md

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Body SM

Class: body-text-sm

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Body XS

Class: body-text-xs

Font-Size: 16px / Line height: 120% / Letter Spacing: -0.02em

Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button L

Class: btn-text-l

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em

Button S

Class: btn-text-s

Font-Size: 56px / Line height: 120% / Letter Spacing: -0.02em