Vorlage
Herbst · Wechsel-Layout
UI Delivery Framework
Apps, die zusammengehören
Jede neue App entsteht aus dieser Vorlage: gleiche Farben, gleiche Schrift, mobil zuerst, hell und dunkel – und ein ruhiger Wechsel aus warmen und grünen Abschnitten.
Lernapps
Pilot-App · Vorschau bereit
2 von 3 Schritten erledigt
So entsteht eine App
Drei Schritte, eine klare Freigabe
Spec zuerst
Zweck, Nutzer, Daten und Akzeptanzkriterien stehen fest, bevor Code entsteht.
Vorschau prüfen
Jede Änderung bekommt eine eigene Vorschau-Adresse – hell, dunkel, Handy und Desktop.
Freigabe, dann live
Erst nach „passt so“ geht die Änderung live. Danach wird sie im Wissen gebucht.
Farbpalette
Zwei Stile, ein Herbst
Hauptstil · warm
Ruhige Flächen, Rost für Aktionen, gedecktes Kürbis für Zweitaktionen, Senf als sparsamer Akzent – ohne Grün.
Zweitstil · grün
Hell: helles Moos, dunkel: tiefe Tanne. Moos für Aktionen, Nuss für warme Details.
Eingebaut
Was die Vorlage mitbringt
- Hell- und Dunkelmodus, automatisch oder per Schalter
- Wechsel-Layout: Komponenten passen sich dem Abschnitt an
- Schriften ohne fremde Server
- Gut bedienbar ab 360 Pixel Breite
- Kontraste nach WCAG AA automatisch geprüft
Leitgedanke
„Edel heißt hier: viel Ruhe, wenige Farben – und die richtigen an der richtigen Stelle.“
Beispielformular
Hinweis: Dieses Formular ist nur ein Beispiel und speichert nichts.