Jetons de la charte - démonstration
Page hors menu servant de banc de mesure : chaque couleur sur chaque fond, chaque pas typographique, chaque pas d’espacement. Les contrôles se font sur le rendu réel, jamais sur ce balisage.
Fond clair (base)
Texte courant sur ce fond, avec un lien de démonstration pour la mesure du contraste au rendu réel.
Texte secondaire posé en contraste-doux sur ce fond clair.
Texte d’appel en bleu primaire, réservé aux fonds clairs.
Chaque couleur sur ce fond
base
base-alt
contraste
contraste-doux
primaire
primaire-sombre
primaire-clair
accent
accent-sombre
bordure
voile
Fond clair alterné (base-alt)
Texte courant sur ce fond, avec un lien de démonstration pour la mesure du contraste au rendu réel.
Texte secondaire posé en contraste-doux sur ce fond clair.
Texte d’appel en bleu primaire, réservé aux fonds clairs.
Chaque couleur sur ce fond
base
base-alt
contraste
contraste-doux
primaire
primaire-sombre
primaire-clair
accent
accent-sombre
bordure
voile
Fond sombre (contraste)
Texte courant sur ce fond, avec un lien de démonstration pour la mesure du contraste au rendu réel.
Texte secondaire posé en base-alt sur ce fond sombre.
Chaque couleur sur ce fond
base
base-alt
contraste
contraste-doux
primaire
primaire-sombre
primaire-clair
accent
accent-sombre
bordure
voile
Fond sombre alterné (contraste-doux)
Texte courant sur ce fond, avec un lien de démonstration pour la mesure du contraste au rendu réel.
Texte secondaire posé en base-alt sur ce fond sombre.
Chaque couleur sur ce fond
base
base-alt
contraste
contraste-doux
primaire
primaire-sombre
primaire-clair
accent
accent-sombre
bordure
voile
Échelle typographique fluide
Titres en Fraunces 600, corps en Source Sans 3 (400 pour le texte, 600 pour les libellés et boutons). Trois graisses au total, toutes employées.
Petit - libellés, mentions et légendes
Corps - le texte courant du site, très lisible
Moyen - chapôs et introductions de section
Grand - intertitres de troisième niveau
Très grand - titres de section
Géant - titres de page
Chiffres tabulaires pour les données de chantier
0123456789 - 14 100 - 45 m2 - 12 jours ouvrés
Échelle d’espacement
xs = 8 px
s = 16 px
m = 24 px
l = 32 px
xl = 48 px
xxl = 64 px
xxxl = 96 px
Accent magenta : surfaces uniquement
Arbitrage client du 9 août 2026 : le magenta ne porte jamais de texte courant. Il vit en filet, en puce et en bordure. Filet de démonstration :
Carte à bordure accent (1 px, rayon 5 px), texte courant en contraste : la bordure est mesurée au seuil 3:1, le texte au seuil 4,5:1.