Typography - Headings

This is a XXL Title (h1)

clamp(3rem, 2.5rem + 2.11vw, 4rem)

This is a XL Title (h2)

clamp(2.4rem, 2.2rem + 0.84vw, 2.8rem)

This is a L Title (h3)

clamp(1.9rem, 1.6rem + 1.26vw, 2.5rem)

This is a M Title (h4)

clamp(1.7rem, 1.55rem + 0.63vw, 2rem)

This is a S Title

This is a XS Title

This is a XXS Title

Typography - Text

Subtitle - Add Your Heading Text Here

clamp(1rem, 0.9rem + 0.42vw, 1.2rem)

Base Text Paragraph. Lorem ipsum dolor sit amet, this is a link consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

clamp(1rem, 0.9rem + 0.4211vw, 1.2rem)

Big Text Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, this is a link pulvinar dapibus leo.

clamp(1.1rem, 0.9rem + 0.8421vw, 1.5rem)

Small Text Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper this is a link mattis, pulvinar dapibus leo.

clamp(0.8rem, 0.727rem + 0.36vw, 1rem)

Button and Navigation Links

clamp(1.1rem, 1.05rem + 0.2105vw, 1.2rem)

Forms

Farben

Akzent 1

Akzent 2

Title base

Text base

Schwarz

Weiß

Dark BG

Dark BG gradient

Akzent 1 gradient

Akzent 2 gradient

Titles light

Text light

Light BG

Light BG gradient

Global light

Border light

Border dark