Style Guide

Couleurs, icônes, boutons, liens et blocs de mise en page réunis au même endroit — une base commune pour le design et le développement, pour des pages cohérentes.

Couleurs

Couleurs de marque, niveaux de gris et combinaisons fond/texte pertinentes réunis au même endroit.

Icônes

Un jeu d'icônes SVG pour des concepts récurrents comme import, test ou sécurité des données, colorable via currentColor.

Boutons

Tous les rôles de boutons (Primary, Secondary, Positive, Negative, Tertiary) dans les couleurs de la marque.

Formulaires

Champ texte, liste déroulante, zone de texte, case à cocher et bouton d'envoi pour le formulaire de contact.

Liens

Les différents types de liens — interne, externe, e-mail, téléphone, téléchargement — avec leur balisage correct.

Blocs de texte

Trois variantes du bloc de texte utilisé en en-tête de chaque page.

Blocs image

Blocs image avec différents positionnements de l'image, du titre et du texte.

Tuiles

Types de tuiles pour les vues en grille : icône, image, titre avec liens, ainsi qu'une tuile chiffre clé.

FAQ

Questions fréquentes sur le styleguide, sous forme d'accordéon simple.