breddos.com
breddos.com is built on a pure-white canvas (rgb(255,255,255)). The system uses rgb(255, 227, 99) as the high-saturation accent for primary actions. Inconsolata as the primary typeface. 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 #ffe363 · police principale Inconsolata
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
3 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.
Typographie — l’échelle, dans la vraie police
4 rôles · rendu live dans la vraie Inconsolata (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
Motion — courbes, transitions & keyframes réels
0 courbes d’easing · 1 keyframes · survole une tuile pour prévisualiser
Composants — le vocabulaire fermé
3 familles de composants · 8 variantes comptées sur le DOM live
| Composant | Variantes |
|---|---|
| links | ×5 |
| heading H1 | ×2 |
| nav Links | ×1 |
Mise en page — structure & dimensions
5 métriques de layout mesurées
Responsive — vrais breakpoints
6 points de rupture lus dans le CSS live
À faire / À éviter
5 règles applicables, verbatim de la spec
Guide agent & export
Prompt prêt à coller + les vrais fichiers derrière cette page