Brandgym · Design-Engine · Stand 05.07.2026
Alle Werte unten sind echte Ausgaben der Engine, renderer-treu. Links steht, was ein Kunde ohne CI heute bekommt; rechts, was die berechnete Marken-DNA daraus macht. Noch hinter Flags — nichts davon ist live. Urteile selbst.
Farbe — der sichtbare Sprung
Ein Kunde ohne eigene Farben bekam bisher ein hartkodiertes Fallback — dasselbe KI-Lila oder Anthrazit für alle. Die Greenfield-DNA leitet aus dem Marken-Archetyp eine eigene, kontrast-sichere Farbwelt ab. Fünf Kunden, fünf Welten.
Ohne · heute
Marke
Deine neue Website
Generischer Platzhalter — dieselbe Palette, die jeder Kunde ohne CI bekam.
Jetzt startenEin Ton für alle. Der Slop-Linter flaggt exakt dieses Lila.
Mit · Greenfield-DNA
Fitness · Sport
Willkommen
Mut & Tatkraft — kräftiges Warmrot aus dem Hero-Archetyp.
Termin buchenBeratung · Kanzlei
Willkommen
Autorität & Ruhe — tiefes Indigo aus dem Ruler-Archetyp.
Termin buchenShop · Produkt
Willkommen
Schöpfung & Fantasie — lebendiges Teal aus dem Creator-Archetyp.
Termin buchenCoiffeur · Booking
Willkommen
Fürsorge & Wärme — weiche Koralle aus dem Caregiver-Archetyp.
Termin buchenRegional · lokal
Willkommen
Bodenständig & nahbar — warmes Neutral aus dem Everyman-Archetyp.
Termin buchenTypo — systematisch & fluid
Vorher war jede Schriftgrösse handgesetzt. Jetzt treibt eine modulare, fluide Skala die ganze Hierarchie — mit einer harten Zoom-Garantie. Jede Stufe unten rendert mit dem echten clamp()-Wert der Engine (breiter ziehen = fliesst).
Ehrlich: bei fixer Breite ist der Unterschied dezent — der Gewinn ist Systematik (eine Ratio, harmonische Hierarchie) und Fluidität (skaliert mit dem Viewport, ohne den 200%-Zoom zu brechen). Nicht „schöner auf den ersten Blick", sondern „richtig auf jedem Gerät".
Garantie — der Moat
Der eigentliche Vorsprung: jede DNA-Ausgabe ist by construction zugänglich. Kontrast und Zoom sind nicht geprüft, sondern berechnet garantiert. Dieselben fünf Welten, ihre gemessenen Werte:
| Marken-Welt | Archetyp | Tinte | Weiss auf Tinte (Button) | Text auf Grund | WCAG AA |
|---|---|---|---|---|---|
| Fitness · Sport | hero | #be4442 | 5.13 : 1 | 7.30 : 1 | bestanden |
| Beratung · Kanzlei | ruler | #676ea6 | 4.82 : 1 | 9.54 : 1 | bestanden |
| Shop · Produkt | creator | #008484 | 4.53 : 1 | 9.02 : 1 | bestanden |
| Coiffeur · Booking | caregiver | #9f614b | 4.90 : 1 | 9.63 : 1 | bestanden |
| Regional · lokal | everyman | #7b7357 | 4.74 : 1 | 9.32 : 1 | bestanden |
Warum das der Graben ist: Framer & Co. generieren freies KI-HTML — sie können Markentreue, Kontrast oder Zoom-Sicherheit nicht garantieren (Framer gibt selbst zu, die Marke nicht zu kennen). Hier ist Slop syntaktisch unmöglich und jede Zahl oben ist erzwungen, nicht erhofft. Das ist verteidigbar — das schönere Pixel nicht.