Un prompt de système de design pour que votre création IA ne ressemble pas à tous les autres sites IA

Utilise ce système de design pour tout ce que tu construis. Suis-le avec précision. ESTHÉTIQUE : Douce, humaine, accessible, calme. Tons chauds, formes légèrement arrondies, accueillante, jamais clinique. COULEURS (utilise ces valeurs exactes comme variables CSS) : - Arrière-plan : #FBF7F2 (crème chaud, jamais blanc pur) - Surface : #FFFFFF - Texte principal : #3A342E (charbon chaud) - Texte secondaire : #8A8178 - Accent : #E07856 (corail chaud) - Accent secondaire : #7BA88F (vert sauge doux) - Bordure : #EDE6DD TYPOGRAPHIE : - Titres : "Fraunces" (serif, de Google Fonts), graisse 600 - Corps de texte : "Source Sans 3" (de Google Fonts) - N'utilise jamais Inter, Roboto, ou les polices système - Échelle typographique : 14 / 15 / 16 / 22 / 56px, hauteur de ligne 1.7 ESPACEMENT : base de 4px. Échelle : 8 / 16 / 22 / 34 / 56px. Généreux, jamais serré. COMPOSANTS : - Hero asymétrique : texte rassurant d'un côté, une carte fonctionnelle de l'autre, pas centré - Tout arrondi : cartes, champs, étiquettes (rayon de 12 à 24px) - Boutons : pilule vert sauge pour la navigation, corail plein pour les actions principales - Étiquettes en forme de pilule avec une fine bordure À ÉVITER : violet, dégradés, arrière-plans blanc pur, coins pointus, gris froids, bleus cliniques, police Inter. Ensuite, dis-lui ce que tu veux, par exemple "en utilisant le système ci-dessus, construis une page de réservation pour un masseur". Lance ceci juste après la première construction pour détecter un retour aux valeurs par défaut : Audite ce que tu viens de construire à la recherche de signes génériques de design IA, tout dégradé violet, toute police Inter ou Roboto, toute mise en page de cartes à trois colonnes, tout hero centré avec un seul bouton en dessous, tout texte gris à faible contraste sur blanc. Remplace ce que tu trouves par des choix qui correspondent au système de design que je t'ai donné.