Design system

Charte graphique — De fil en tissus

Les tokens et composants du thème, chacun rattaché à son fichier CSS. Direction « couture ludique » : Baloo 2 + Nunito Sans, palette crème/terracotta, jaune en accent.

Palette

tokens.css
Terracotta · #EC7D4B
Orange clair · #EF9362
Brun · #7A5B47
Jaune accent · #FFD707
Encre · #33241A
Crème · #FFFBF2
Crème profond · #FBF0DD
Ligne · #ECDFC9

Typographie

tokens.css · base.css

Titre H1 — Baloo 2

Titre H2 — Baloo 2

Titre H3 — Baloo 2

Texte courant en Nunito Sans : le tissu se vend au mètre (prix au 10 cm) ou en coupon à prix fixe.

Boutons

button.css

Badges de mode de vente

badge.css
Au mètreCouponPanneau Niveau facile

Prix (double affichage)

price-tag.css
0,89 €/ 10 cmsoit 8,90 €/m
7,60 €le coupon

Notation

star-rating.css
4,5 sur 5(24 avis)

Pastilles de couleur

swatch.css
Fuchsia Bleu marine Corail Rose Marron

Alertes

alert.css
Succès — inscription enregistrée.
Information : commandez un échantillon avant de vous lancer.

Carte tissu

fabric-card.css