Palette

Six couleurs, une ambiance de stade

Une base crème et encre pour la lisibilité, le rouge course pour mener, le bleu cobalt et l'or médaille pour rythmer. Contrastes calculés au standard WCAG AA (formule de luminance relative).

Primaire
Rouge course
#D42E2E

Couleur qui mène : logo, grands titres, boutons, aplats.

Accent
Bleu cobalt
#1E3A8A

L'équipe adverse. Liens, boutons secondaires, tags.

Accent 2
Or médaille
#F2B01E

Le podium. Chiffres de score, filets, détails précieux.

Fond clair
Crème terrain
#F5F1E6

Fond principal, lumineux comme un terrain de jour.

Texte
Encre
#16181C

Texte courant. Jamais de couleur pour le corps de texte.

Fond sombre
Marine profond
#101733

Le scoreboard. Comptes à rebours, tableaux de scores.

Contrastes calculés

Associations lisibles (WCAG AA)

Le corps de texte utilise toujours l'encre sur clair, ou la crème sur marine. Le rouge et l'or restent réservés aux grands textes et aux aplats : voir le verdict de chaque association.

AperçuAssociationRatioVerdict
TexteEncre sur crème (corps par défaut)15.75:1AA texte
TexteCrème sur marine (nav, footer, dark)15.60:1AA texte
TexteOr sur marine (chiffres de score)9.23:1AA texte
TexteBleu sur crème (liens, labels)9.18:1AA texte
TexteBlanc sur rouge (bouton primaire)4.96:1AA texte
TexteBlanc sur bleu (bouton secondaire)10.36:1AA texte
TitreRouge sur crème (grands titres uniquement)4.40:1AA grand texte
TexteOr sur crème (à ne jamais faire)1.69:1Insuffisant

Formule : lin(c) = c/12.92 si c≤0.03928 sinon ((c+0.055)/1.055)^2.4 ; L = 0.2126R + 0.7152G + 0.0722B ; ratio = (max+0.05)/(min+0.05).

Déclinaisons

Clair & sombre

Mode clair

Coup d'envoi

Fond crème, texte encre, accents rouge et bleu. L'usage par défaut, lisible en plein jour sur le terrain.

BoutonSecondaire
Mode sombre

Le tableau des scores

Fond marine, texte crème, or en lumière. Réservé aux comptes à rebours et aux scoreboards, jamais au texte courant.

Raj'House