Alle verfügbaren Design-Varianten auf einen Blick. Um eine Variante zu aktivieren, ändere die entsprechende Zahl in src/config/design.config.ts
button: 0Warmer Farbverlauf — Standard-CTA
button: 1Elektrisches Blau — futuristisch leuchtend
button: 2Frisches Grün — passend zur Nachhaltigkeit
button: 3Premium-Gefühl — elegant und modern
button: 4Runde Pillenform — freundlich und modern
button: 5Reduziert — Primär mit Rahmen, Sekundär als Link
button: 6Dunkles Glassmorphism — dezent und edel
button: 7Auffälliges Rot — dringende Aktion
card: 0cyan
Beispiel
amber
Beispiel
green
Beispiel
steel
Beispiel
Gradient-Rand + tiefer Glaseffekt (Standard)
card: 1cyan
Beispiel
amber
Beispiel
green
Beispiel
steel
Beispiel
Dunkleres Glas, intensiv gesättigte Ränder
card: 2cyan
Beispiel
amber
Beispiel
green
Beispiel
steel
Beispiel
Helles Eis-Glas — weiße Töne, starker Blur
card: 3cyan
Beispiel
amber
Beispiel
green
Beispiel
steel
Beispiel
Solider Rand, kein Blur — maximale Lesbarkeit
card: 4cyan
Beispiel
amber
Beispiel
green
Beispiel
steel
Beispiel
Leuchtende Neon-Kanten — maximaler Glow-Effekt
card: 5cyan
Beispiel
amber
Beispiel
green
Beispiel
steel
Beispiel
Warme Bernstein-Töne — gemütlich und professionell
statBox: 0— Große Zahl mittig — Standard1.250+
Kundenprojekte
98%
Kundenzufriedenheit
90%
CO₂ Einsparung
statBox: 1— Farbbalken links, Zahl + Label linksbündig1.250+
Kundenprojekte
98%
Kundenzufriedenheit
90%
CO₂ Einsparung
statBox: 2— Icon links, Trennlinie, Zahl + Label rechts1.250+
Kundenprojekte
98%
Kundenzufriedenheit
90%
CO₂ Einsparung
statBox: 3— Kompakt & klein — Pill-OptikstatBox: 4— Zahl in Akzentfarbe — maximaler Kontrast1.250+
Kundenprojekte
98%
Kundenzufriedenheit
90%
CO₂ Einsparung
Design-System · Döring Gebäudedienste · ← Zurück zur Startseite