Ein Design-System-Prompt, damit dein KI-Build nicht wie jede andere KI-Seite aussieht

Verwende dieses Designsystem für alles, was du baust. Halte dich präzise daran. ÄSTHETIK: Weich, menschlich, zugänglich, ruhig. Warme Töne, sanft abgerundete Formen, einladend, niemals klinisch. FARBEN (verwende diese exakten Werte als CSS-Variablen): - Hintergrund: #FBF7F2 (warmes Creme, niemals reines Weiß) - Fläche: #FFFFFF - Primärer Text: #3A342E (warmes Anthrazit) - Sekundärer Text: #8A8178 - Akzent: #E07856 (warmes Koralle) - Sekundärer Akzent: #7BA88F (sanftes Salbeigrün) - Rand: #EDE6DD TYPOGRAFIE: - Überschriften: "Fraunces" (Serif, von Google Fonts), Schriftstärke 600 - Fließtext: "Source Sans 3" (von Google Fonts) - Verwende niemals Inter, Roboto oder Systemschriften - Größenskala: 14 / 15 / 16 / 22 / 56px, Zeilenhöhe 1.7 ABSTÄNDE: Basis 4px. Skala: 8 / 16 / 22 / 34 / 56px. Großzügig, niemals beengt. KOMPONENTEN: - Asymmetrischer Hero-Bereich: beruhigender Text auf einer Seite, eine funktionale Karte auf der anderen, nicht zentriert - Alles abgerundet: Karten, Eingabefelder, Tags (Radius 12 bis 24px) - Buttons: salbeigrüne Pille für die Navigation, kräftiges Koralle für primäre Aktionen - Pillenförmige Tags mit einer feinen Umrandung VERMEIDEN: Violett, Farbverläufe, reine weiße Hintergründe, scharfe Ecken, kalte Grautöne, klinische Blautöne, die Schrift Inter. Sag ihm danach, was du willst, zum Beispiel "baue mit dem obigen System eine Buchungsseite für einen Massagetherapeuten". Führe dies direkt nach dem ersten Aufbau aus, um ein Zurückrutschen in die Standardwerte zu erkennen: Überprüfe, was du gerade gebaut hast, auf generische KI-Design-Anzeichen, jegliche violette Farbverläufe, jegliche Inter- oder Roboto-Schrift, jegliches dreispaltige Karten-Layout, jeden zentrierten Hero-Bereich mit nur einem Button darunter, jeden kontrastarmen grauen Text auf Weiß. Ersetze alles, was du findest, durch Entscheidungen, die zu dem von mir vorgegebenen Designsystem passen.