Design system · v1.0 · marque fictive
Documentation de l'identité et des composants du site : couleurs, textures tissées, typographies et éléments d'interface d'une marque de vêtements en fibres naturelles.
01 — Identité
Un logotype typographique en Marcellus, l'esperluette teinte à l'indigo — le seul ornement d'une marque qui n'en veut pas.
02 — Couleurs & textures
Des couleurs de matière, pas d'écran : écru du coton cru, lin naturel, charbon de la bure, indigo de cuve. Aucune couleur « chimique ».
03 — Typographie
La Marcellus, inspirée des capitales romaines, donne la voix posée de la marque ; la Karla assure la lecture avec une pointe de chaleur.
04 — Boutons
Un bouton plein charbon qui se vide au survol — le contour reste, la matière s'en va. Une seule forme, deux contextes.
05 — Composants
Carte produit illustrée en SVG (pas de photos : la marque montre le trait, pas le mannequin), formulaire une-ligne et carte engagement.
Un accroc, une couture lâche ? Retour atelier, réparation offerte, pour toujours.
06 — Règles d'usage
L'identité tient à sa retenue : des matières, des traits, pas d'effets.
Illustrer en SVG au trait (2–2.5px) : produits, pictos, atelier — un seul style de dessin.
Utiliser les textures tissées CSS pour donner de la matière aux aplats, jamais d'images de stock.
Réserver l'indigo aux accents : esperluette, liens, matières, filets.
Noir pur (#000) ou blanc pur (#FFF) en grande surface : toujours charbon et écru.
Ombres portées lourdes, dégradés brillants, arrondis prononcés — la marque est mate et droite.
Plus d'une couleur d'accent par écran : l'indigo travaille seul.