thaisuois.free.fr
thaisuois.free.fr is built on a near-black canvas (rgb(66, 14, 15)). The system uses rgb(137, 3, 6) as the accent for primary actions and brand signals. Helvetica neue as the primary typeface. Helvetica neue is paired with Geneva for secondary roles. Depth comes from borders and surface contrast rather than shadows — a flat, structural elevation model. Motion is minimal — a few targeted transitions, no decorative animation.
Accent #890306 · police principale helvetica neue
Chaque valeur ci-dessous est vérifiée à la capture. getdesign.md décrit — prismd montre : chaque couleur, police et courbe ici a été lue via getComputedStyle() sur le rendu réel capturé à droite, jamais affirmée à la main.
Rapport DESIGN.md complet · light & dark · fichiers tokens · Paiement non activé — on mesure la demande d’abord.
Couleurs — rôles, sémantique & recensement complet
7 couleurs mesurées · clique une pastille pour copier
Aucune couleur d’état sémantique détectée — ce système signale l’état par le poids & le motion, pas la teinte.
7 couleurs extraites du rendu livedéplier
Typographie — l’échelle, dans la vraie police
4 rôles · fallback système — aucun woff2 capturé · lignes éditables, clique une spec pour copier
Espacements & arrondis, rendus spatiaux
9 paliers d’espacement · 7 arrondis · barres = largeurs px exactes
0px
4px
8px
14px
20px
32px
9999px
Composants — le vocabulaire fermé
3 familles de composants · 4 variantes comptées sur le DOM live
| Composant | Variantes |
|---|---|
| links | ×2 |
| heading H1 | ×1 |
| heading H5 | ×1 |
Mise en page — structure & dimensions
5 métriques de layout mesurées
Responsive — vrais breakpoints
système fluide — aucun palier dur
Aucun breakpoint @media distinct capturé au passage desktop/mobile — ce layout est fluide, il s’adapte par ratio plutôt que par paliers durs.
À faire / À éviter
8 règles applicables, verbatim de la spec
Guide agent & export
Prompt prêt à coller + les vrais fichiers derrière cette page