Couleurs
Primaire
#0B6FCB
Couleur d'action : boutons principaux (Étude gratuite, Contactez-nous) avec texte blanc, liens, élément actif du menu, chiffres clés et icônes actives. C'est la jambe droite, montante, du « W » du logo. On la reprend en tracé signature : un trait vertical qui dépasse la ligne des titres, se termine en arrondi et s'élève au scroll. Contraste d'environ 5:1 sur blanc, donc conforme pour du texte.
#0B6FCB
Couleur d'action : boutons principaux (Étude gratuite, Contactez-nous) avec texte blanc, liens, élément actif du menu, chiffres clés et icônes actives. C'est la jambe droite, montante, du « W » du logo. On la reprend en tracé signature : un trait vertical qui dépasse la ligne des titres, se termine en arrondi et s'élève au scroll. Contraste d'environ 5:1 sur blanc, donc conforme pour du texte.
Secondaire
#15222B
Couleur du texte foncé (titres, paragraphes, logotype, pictogrammes) et fond sombre audacieux. Elle sert au hero immersif avec le logo « sur fond sombre », au bandeau des réalisations, au CTA final et au footer. Ces sections sombres alternent avec les sections claires pour rythmer la page.
#15222B
Couleur du texte foncé (titres, paragraphes, logotype, pictogrammes) et fond sombre audacieux. Elle sert au hero immersif avec le logo « sur fond sombre », au bandeau des réalisations, au CTA final et au footer. Ces sections sombres alternent avec les sections claires pour rythmer la page.
Accent
#1EB4EE
Jambe gauche du « W ». Le duo accent → primaire forme la signature de marque : formes en U arrondies qui se chevauchent en parallaxe, dégradé #1EB4EE → #0B6FCB, soulignements en arc sous les mots clés, puces, icônes du kit sur fond sombre, survols, curseur et micro-animations. Très lisible sur fond sombre. Ne jamais l'utiliser pour du texte courant sur fond blanc, car le contraste est insuffisant.
#1EB4EE
Jambe gauche du « W ». Le duo accent → primaire forme la signature de marque : formes en U arrondies qui se chevauchent en parallaxe, dégradé #1EB4EE → #0B6FCB, soulignements en arc sous les mots clés, puces, icônes du kit sur fond sombre, survols, curseur et micro-animations. Très lisible sur fond sombre. Ne jamais l'utiliser pour du texte courant sur fond blanc, car le contraste est insuffisant.
Fond clair
#F2F7FA
Fond des sections claires alternées, des cartes de services, du bloc FAQ et des encarts d'avis clients. On y reprend les grands arrondis (24 px) de la planche du logo. Il sert aussi de fond aux pastilles d'icônes, comme dans la déclinaison icône sur fond clair.
#F2F7FA
Fond des sections claires alternées, des cartes de services, du bloc FAQ et des encarts d'avis clients. On y reprend les grands arrondis (24 px) de la planche du logo. Il sert aussi de fond aux pastilles d'icônes, comme dans la déclinaison icône sur fond clair.
Blanc
#FFFFFF
Fond des cartes posées sur le fond clair. Texte et logo sur les sections sombres #15222B. Texte des boutons primaires.
#FFFFFF
Fond des cartes posées sur le fond clair. Texte et logo sur les sections sombres #15222B. Texte des boutons primaires.
Typographies
titres : Outfit
texte : Outfit
Repasse v1.08 sur le design system Uniweb v1.0 : Outfit pour les titres
et le texte, fond clair Brume #F2F7FA, pictos du kit Font Awesome
5ada4c3411 appelés en duotone (classe « fa-kit-duotone
fa-uniweb-picto-nom », 31 pictos : calque principal Bleu Uniweb,
calque secondaire Bleu Ciel), pastilles de pictos en U, formes, motifs
et compositions officiels dans assets/ds, logo négatif officiel dans le
pied de page. Les icônes standard restantes (horloge, étoiles, marques)
passent par fa-regular / fa-solid / fa-brands.