Brand → UI Farb- & Typo‑Generator
🎨 Brand → UI Farb- & Typo‑Generator
Vorschau
Typografie & Inhalte
Display / Hero
Überschrift H1
Überschrift H2
Überschrift H3
Dies ist Fließtext mit einem Link. Er verwendet --p und die Linkfarbe. Small Text · Caption
ℹ️ Infobox – nutzt Sekundärfarbe, Highlights, leichte Schatten
Icon‑Farbe
Semantik
success
warning
error
Topbar
topbar-bg
topbar-fg
Kontrast wird berechnet…
Shadows
Small + Inset
Large + Inset
Erzeugte CSS‑Variablen & Mapping
/* Klicke oben auf „CSS kopieren“ */
Elementor‑Übernahme (Schnellliste)
/* Klicke oben auf „Elementor kopieren“ */