---
titel: Styleguide
beschreibung: Die Regeln der Gestaltung: Logo, Farben, Schriften, Raster, Bildsprache, Sprache - damit alles wie aus einem Guss wirkt.
reihenfolge: 30
---
# Styleguide: {{ projekt }}

| | |
|---|---|
| Stand | {{ datum }} |
| Verantwortlich | {{ leitung }} |

## Logo
- Grundform und Varianten (farbig, einfarbig, negativ):
- Schutzraum und Mindestgröße:
- Was verboten ist (verzerren, umfärben, Effekte):

## Farben
| Name | Verwendung | Hex | Kontrastpartner |
|---|---|---|---|
| Primär | Aktionen, Marke | # | |
| Sekundär | Akzente | # | |
| Text | Fließtext | # | |
| Hintergrund | Flächen | # | |
| Erfolg / Warnung / Fehler | Rückmeldungen | # | |

## Schrift
- Schriftfamilie und Ersatzschriften:
- Größen und Zeilenabstände (Überschriften, Fließtext, Beschriftungen):
- Auszeichnungen (fett, kursiv, Versalien):

## Raster und Abstände
- Grundraster (z. B. 8 px):
- Spalten und Umbrüche je Bildschirmbreite:
- Abstände innen und außen:

## Bildsprache und Symbole
- Fotos (Motive, Licht, Bearbeitung):
- Illustrationen und Symbole (Stil, Strichstärke):
- Was nicht passt:

## Bausteine
- Knöpfe (Zustände: normal, aktiv, gedrückt, gesperrt):
- Formulare und Fehlermeldungen:
- Karten, Tabellen, Hinweise:

## Sprache
- Anrede (du / Sie):
- Tonfall und Beispiele:
- Schreibweisen (Zahlen, Daten, Einheiten, Abkürzungen):

## Barrierefreiheit
- [ ] Kontrast mindestens 4,5:1 für Text
- [ ] Bedienung per Tastatur
- [ ] Alternativtexte für Bilder
- [ ] Bedeutung nie nur durch Farbe
