Variante A · Système
Refresh
Refonte sobre du site cadeul.com actuel. On reprend les marqueurs visuels existants (header cyan, mega-menu 4 sections, rectangles d'highlight pour les titres, coins arrondis 20px, boutons rounded-full avec animation au survol, sections alternées blanc/cyan, section BDE rouge, carousel CX, blocs « Je suis… ») en assainissant la hiérarchie typographique, la respiration et les cartes.
01 · Palette
primary (cyan)
#44C8F5
Identité, header, h1
primary-medium
#1E719C
Texte sur fond clair
secondary (rose)
#E73F6F
Accents h3, points clés
tertiary (marine)
#2B4D9E
Détails, h4
bde-red
#DB322C
Section BDE uniquement
white
#F3F7F8
Fond principal
real-white
#FFFFFF
Cartes, fond inversé
gray
#4B7482
Corps de texte
02 · Typographie
H1 · highlight cyan
La CADEUL, c'est quoi ?
H2 · cyan medium plein
Services aux membres
H3 · highlight rose
Tu peux t'impliquer
H4 · marine
Sous-titre éditorial
Body
Work Sans, 16px, line-height 1.55. Couleur de texte courant à 75% d'opacité sur fond clair pour adoucir le contraste sans perdre en lisibilité.
03 · Boutons
Primary
Inversé
Secondary
Tertiary
04 · Cartes
Carte service
Icône en pastille, titre primary, sous-titre rose-uppercase, paragraphe court, CTA discret en bas.
Carte inversée
Fond cyan, contenu blanc. Utilisée dans les sections « Je suis… » et « Nous contacter ».