Couleurs

Toutes les couleurs du projet réunies au même endroit — couleurs de marque, gris et combinaisons fond/texte éprouvées pour un usage cohérent partout.

Couleurs de marque

Les six couleurs de marque définies, disponibles comme tokens Tailwind (par ex. bg-lochmara, text-astronaut).

Lochmara

#007CBA

Bahama Blue

#006293

Astronaut

#003D5C

Daintree

#00293D

Limeade

#7CBA00

Fire

#BA3E00

Niveaux de gris

Le noir, le blanc, la couleur de texte standard #222222, ainsi que les niveaux de gris Tailwind réellement utilisés dans le projet.

Noir

#000000

Blanc

#FFFFFF

Ink (texte courant)

#222222

Gray 50

#F9FAFB

Gray 100

#F3F4F6

Gray 200

#E5E7EB

Gray 300

#D1D5DB

Gray 400

#9CA3AF

Gray 500

#6B7280

Gray 600

#4B5563

Gray 700

#374151

Gray 800

#1F2937

Combinaisons pertinentes

Paires testées de couleurs de fond et de texte avec un contraste suffisant, plus un contre-exemple.

Aa

Texte standard

Aa

Surface sombre, navigation active

Aa

Bouton primary

Aa

Pied de page, point le plus sombre

Aa

Bouton secondary, surface atténuée

Aa

Callout, encart

Aa

Texte secondaire (minimum)

Aa

À éviter : contraste trop faible pour du texte courant (uniquement pour les éléments désactivés)