Style Guide

Styling und Interface Elemente

Farbpalette

Farben biitte hier anpassen

Typografie

Hier finden Sie eine praktische Liste der wichtigsten Schriftstile, die auf dieser Website verwendet werden.

Bearbeiten Sie diese universell, indem Sie auf den Stil klicken, «Alle bearbeiten ...» aus dem Selektor wählen (achten Sie auf den rosa HTML-Tag) und den Schriftstil entsprechend ändern.

Heading 1

All H1 Headings

Heading 2

All H2 Headings

Heading 3

All H3 Headings

Heading 4

All H4 Headings

Heading 5

All H5 Headings

Heading 6

All H6 Headings

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.

All Paragraphs

Text Lead

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.

All Paragraphs

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.

All Paragraphs

Text Small

Block Quote

All Block Quotes

Badges & Stickers

These badges can be used as category tags for blog posts or other content, or to help guide your website viewers to certain details on the page.

Sommer

Winter

Outline Badge

Badge Text

Badge

Badge Text

Badge

Sticker

Badge Text

Badge

Sticker Large

Badge Text

Badge Extra
large

Sticker Extra Large

Badge Text

Large

Neu

im Val Surses

Sticker Extra Large

Badge Text

Large

Deko Divider 01

Section Divider

Horizontale Linie

Deko Top 01

Deko Divider 02

Section Divider

Horizontale Linie

Deko Top 02

Deko Divider 03

Section Divider

Horizontale Linie

Deko Top 03

Deko Divider 04

Section Divider

Horizontale Linie

Deko Top 04

Cards

A «card» is a multi-purpose component used to display content on your website in a contained format.You can mix and match the different card styles here to create a hierarchy of information on your pages, or choose one style for a more uniform look.