Design-System

Header

• Header background color
• Site Logo -> Bild
• Logo Max width -> Number input
• Sticky Header Checkbox
• Sticky Header Höhe -> Number
• Sticky Header Farbe -> Farbfeld
• Sticky Header Logo (optional) -> Bild
• Mobile Sticky header on scroll up checkbox
• Mobile sticky header höhe -> Number
• Mobile Sticky header logo (optional)
• Transparent header checkbox

Navigation

• Navigation link color
• Navigation link color hover
• Navigation active color
• Navigation underline hover active offset, width etc.

Typography

• Body font-family -> input feld
• body default text color
• body base font-size -> input feld clamp
• body line height
• body font weight
• Body link color
• body link color hover

• heading font-family -> input feld
• heading default color
• heading font weight
• h1 font size clamp
• h1 line height
• h2 font size clamp
• h2 line height
• h3 font size clamp
• h3 line height
• h4 font size clamp
• h4 line height

Buttons

• btn font family input feld
• btn line height
• btn font weight
• primary btn background
• primary btn background hover
• primary btn color
• primary btn color hover
• primary btn border
• primary btn border hover
• secondary btn background
• secondary btn background hover
• secondary btn color
• secondary btn color hover
• secondary btn border
• secondary btn border hover
• secondry btn border hover
• outline btn background
• outline btn background hover
• outline btn color
• outline btn color hover
• outline btn border
• outline btn border hover
• outline btn border hover
• btn border radius

Layout

• max width
• extended width
• small width
• image border radius

Footer

• footer background color
• footer text color
• footer link color
• footer link color hover
• Copyright Text mit Current Year {{current_year}} html.