Verwaltung
Aktuellen Formularstand als JSON sichern oder wiederherstellen — unabhängig vom eigentlichen Export. Ein Settings-JSON liegt ohnehin automatisch in jedem ZIP-Export (Schritt 2) bei. Zusätzlich wird der Formularstand (Frontend Theme, ohne Uploads) automatisch lokal in diesem Browser gespeichert und beim nächsten Aufruf wiederhergestellt — "Alle Einstellungen zurücksetzen" löscht auch diesen lokalen Stand.
Quelle wählen
Entweder das Basis-Template laden, oder eine bestehende frontend.scss hochladen/einfügen. Ohne Quelle können Schritt 2 (Generieren/Export) unten keine Datei erzeugen.
Farben & Buttons
Basisfarbe je Semantik-Rolle eingeben — Hover-, Active-, Text-Emphasis- und Subtle-Töne werden automatisch berechnet (gleiche Formel wie Bootstrap/CoreUI: shade-color/tint-color). Die Button-Textfarbe (schwarz/weiß) wird je Kontrast automatisch gewählt, wenn die Checkbox aktiv ist.
Basisfarben
Neutrale Farben
Buttons
Typografie
Größe und Line-Height gelten für Desktop; darunter optional eigene Werte für Mobile (<768px). Leer lassen = Wert aus der Basis-Vorlage bleibt unverändert.
Desktop
Mobile (<768px)
Schriftarten (Upload)
Regular + Bold je Familie hochladen — erzeugt automatisch die passenden @font-face-Regeln und verknüpft sie mit den Headline- bzw. Body-Stilen.
Headline
Body / P
Favicon fürs Rollout-Paket
Das hier ist nicht das Favicon dieses Tools, sondern das Favicon-Zip für die Marke, die du gerade aufbaust — landet unverändert im finalen Output-Paket, damit der Entwickler es nur noch entpacken muss.
Generieren & Export
Vorschau der Änderungen im Ergebnisfeld, oder direkt das komplette Rollout-Paket (SCSS + Fonts + Favicon + die aktuellen Einstellungen als JSON) als ZIP erzeugen.