Design System
Eine Übersicht der UI-Komponenten für dschmid.ch – ruhig, freundlich und persönlich gestaltet.
Farbpalette
Calm Blue-Gray Brand Colors
Buttons
Verschiedene Button-Varianten
Button Varianten
Button Größen
Cards
Verschiedene Card-Layouts
Standard Card
Eine normale Card
Dies ist der Inhalt einer Standard-Card mit dem ruhigen, freundlichen Design.
Primary Card
Eine Card mit Brand-Styling für wichtigere Inhalte.
Info Card
Eine Card für Informationen und Hinweise.
Alerts
Verschiedene Alert-Typen für Feedback
Information
Dies ist eine informative Nachricht für unsere Besucher.
Erfolgreich!
Die Aktion wurde erfolgreich ausgeführt.
Achtung
Bitte überprüfen Sie Ihre Eingaben.
Fehler
Ein unerwarteter Fehler ist aufgetreten.
Quote Blocks
Für persönliche Zitate und Botschaften
"In der Ruhe liegt die Kraft. Manchmal ist es wichtiger, einen Moment innezuhalten, als immer weiter zu rennen."
"Das Schönste am Leben sind die kleinen Momente, die wir mit den Menschen teilen, die uns wichtig sind."
"Authentizität ist unbezahlbar. In einer Welt voller Perfektion ist Echtheit das Wertvollste."
Typografie
Schriftarten und Textstile
Überschrift H1 (Epilogue)
Überschrift H2 (Epilogue)
Überschrift H3 (Epilogue)
Überschrift H4
Regulärer Fließtext in Epilogue. Diese Schrift wurde gewählt für ihre Ruhe und Lesbarkeit, perfekt für eine persönliche Website.
Kleinerer Text für Untertitel und sekundäre Informationen.
Formulare
Eingabefelder und Formulare
Design-Prinzipien
Was unser Design ausmacht
Ruhe & Klarheit
- Sanfte, ruhige Farben
- Viel Weißraum für Klarheit
- Lesbare Typografie
Persönlichkeit
- Freundlich und einladend
- Authentisch und ehrlich
- Familie-orientiert