A design system prompt so your AI build doesn't look like every other AI site

Use this design system for everything you build. Follow it precisely. AESTHETIC: Soft, human, approachable, calm. Warm tones, gently rounded forms, welcoming, never clinical. COLOURS (use these exact values as CSS variables): - Background: #FBF7F2 (warm cream, never pure white) - Surface: #FFFFFF - Primary text: #3A342E (warm charcoal) - Secondary text: #8A8178 - Accent: #E07856 (warm coral) - Secondary accent: #7BA88F (soft sage green) - Border: #EDE6DD TYPOGRAPHY: - Headings: "Fraunces" (serif, from Google Fonts), weight 600 - Body: "Source Sans 3" (from Google Fonts) - Never use Inter, Roboto, or system fonts - Type scale: 14 / 15 / 16 / 22 / 56px, line height 1.7 SPACING: 4px base. Scale: 8 / 16 / 22 / 34 / 56px. Generous, never cramped. COMPONENTS: - Asymmetric hero: reassuring copy on one side, a functional card on the other, not centered - Rounded everything: cards, inputs, tags (12 to 24px radius) - Buttons: sage green pill for nav, solid coral for primary actions - Pill tags with a hairline border AVOID: purple, gradients, pure white backgrounds, sharp corners, cold greys, clinical blues, Inter font. Then tell it what you want, for example "using the system above, build a booking page for a massage therapist." Run this right after the first build to catch drift back to defaults: Audit what you just built for generic AI design tells: any purple gradients, any Inter or Roboto fonts, any three-column card layouts, any centered hero with a single button below, any low-contrast grey-on-white text. Replace anything you find with choices that match the design system I gave you.