Styleguide
Zentrale Design-Grundlage der Anwendung: Farbpalette, Typografie und
wiederverwendbare UI-Basiskomponenten (siehe core/static_src/input.css).
Farbpalette
Primär
primary-600
Sekundär
secondary-500
Hintergrund
canvas
Fläche
surface
Text
ink
Typografie
Überschrift H1 – Playfair Display
Überschrift H2 – Playfair Display
Überschrift H3 – Playfair Display
Überschrift H4 – Playfair Display
Fließtext in Lato: Dies ist ein Beispieltext, der zeigt, wie gut lesbarer Fließtext in der Anwendung dargestellt wird.
Kleinere, gedämpfte Textvariante (text-sm, text-muted).
Buttons
Karte / Box
Karten fassen zusammengehörige Inhalte in einer Box mit dezentem Rahmen und Schatten zusammen.
Weitere Karte
Karten sind das Basis-Layoutelement für Listen, Übersichten und Formulare in den fachlichen Bereichen.
Formularfelder
Status-Badges / Chips
Zusage-Status
Zahlungsstatus
Navigation
Die Hauptnavigation im Kopfbereich dieser Seite nutzt dieselben Komponentenklassen wie das folgende, isoliert dargestellte Beispiel: