Style Guide

Farben, Icons, Buttons, Links und Layout-Bausteine an einem Ort – als gemeinsame Grundlage für Design und Entwicklung, damit neue Seiten konsistent wirken.

Farben

Markenfarben, Graustufen und sinnvolle Hintergrund/Schrift-Kombinationen an einem Ort.

Icons

Ein SVG-Icon-Set für wiederkehrende Konzepte wie Import, Test oder Datensicherheit, einfärbbar über currentColor.

Buttons

Alle Button-Rollen (Primary, Secondary, Positive, Negative, Tertiary) in den Markenfarben.

Formulare

Textfeld, Auswahlliste, Textbereich, Checkbox und Absenden-Button für das Kontaktformular.

Links

Die verschiedenen Linktypen – intern, extern, E-Mail, Telefon, Download – mit korrekter Auszeichnung.

Textblöcke

Drei Varianten des Textblock-Elements, das auf jeder Seite als Kopfbereich verwendet wird.

Bildblöcke

Bildblöcke mit unterschiedlicher Positionierung von Bild, Titel und Text.

Kacheln

Kachel-Typen für Rasteransichten: Icon, Bild, Titel mit Links, sowie eine Kennzahl-Kachel.

FAQ

Häufig gestellte Fragen zum Styleguide, als einfaches Akkordeon.