Aller au contenu
Design system @paulperigault

Composants

Identité : quatre directions comparées

Quatre directions de couleur ont été définies en OKLCH, chacune en thème clair et sombre. Chaque tableau donne les rapports de contraste WCAG 2 calculés à partir des valeurs sources. Le seuil de WCAG 2.2 AA est de 4,5 pour le texte courant.

Encre

Direction D. Encre — l'encre du favicon devient le système

Direction retenue Décision consignée dans l’ADR-0002.

Contraste et gamut de Encre
ThèmeTexte / fondSecondaire / fondAccent / fondGamut sRGB
Thème clair16.797.786.93dans le gamut
Thème sombre15.389.348.94dans le gamut

Blueprint

Direction B. Blueprint — plan d'architecture, neutres froids

Contraste et gamut de Blueprint
ThèmeTexte / fondSecondaire / fondAccent / fondGamut sRGB
Thème clair16.777.756.27dans le gamut
Thème sombre15.259.289.31dans le gamut

Runbook

Direction A. Runbook — document d'exploitation, neutres chauds

Contraste et gamut de Runbook
ThèmeTexte / fondSecondaire / fondAccent / fondGamut sRGB
Thème clair16.797.775.87dans le gamut
Thème sombre15.259.2610.13dans le gamut

Signal

Direction C. Signal — neutres purs, un accent fort

Contraste et gamut de Signal
ThèmeTexte / fondSecondaire / fondAccent / fondGamut sRGB
Thème clair16.787.775.55dans le gamut
Thème sombre15.259.267.35dans le gamut