Explorer
KNOW-PAT-144

DESIGN.md — mémoire design par projet (anti-drift IA)

Domaine
web-uiux
Type
pattern
Priorité
P1

Parent : [[INDEX-WEB-UIUX]]

DESIGN.md — mémoire design par projet

Problème

Sans fichier design racine, chaque session IA repart du template moyen (Inter, purple gradient, cards). Le rendu drift et tous les projets se ressemblent.

Solution

Créer DESIGN.md à la racine de chaque projet web (template : meta/templates/DESIGN.md). L'IA et les rules Cursor doivent le lire avant toute UI.

Contenu minimum

  1. Identité — audience, ton (premium / utilitaire / playful), 1 phrase
  2. Interdits — fonts, couleurs, patterns slop (liste explicite)
  3. Tokens — couleurs (OKLCH ou CSS vars), radius, spacing base (4 ou 8px)
  4. Typo — font display + body (pas Inter par défaut)
  5. Références — 2 liens Mobbin/Godly du même type de produit
  6. Composants — lib (shadcn ok) + règles custom (ex. pas de card dans card)

Exemple interdits

## Interdits
- Font: Inter, Roboto, system-ui seul
- Hero: gradient violet→bleu centré + gros chiffre
- Layout: 3 cards identiques en grid sans hiérarchie
- Couleur: #000 / #fff pur — utiliser tokens surface/text

Workflow

Nouveau projet web → copier meta/templates/DESIGN.md → remplir → commit
Chaque prompt UI → "respecte DESIGN.md du repo"
Fin de session → mettre à jour DESIGN.md si décision nouvelle

Pourquoi ça marche

Contraintes négatives + tokens = l'IA ne peut plus retomber sur la moyenne statistique.

Source

  • Pattern inspiré Impeccable / DESIGN.md — adapté knowledge-core