Style guide
Une base solide, une identité franche
Base commune du template, à adapter au secteur de chaque démo. Blanc et blanc cassé en fond, un accent orange‑rouge pour le contact, des cartes taillées plutôt que de simples rectangles.
00. Logo
Un seul fichier, deux fonds
Le blanc du dessin devient currentColor : le logo passe du fond clair au fond sombre sans deuxième export.
01. Couleurs
Blanc, blanc cassé, un seul accent
Blanc
Blanc cassé
Sable
Anthracite
Anthracite 2
Accent
Accent foncé
02. Typographie
Clash Grotesk
Un seul fichier woff2 couvrant les graisses 300 à 900, sans chargement multiple : un rendu net à chaque poids.
Display
Titre de niveau un
Titre de niveau deux
Titre de niveau trois
Titre de niveau quatre
Texte large, pour les intros de section et les accroches.
Texte courant, pour le corps des paragraphes, lisible et posé.
Texte petit : légendes, mentions, métadonnées.
03. Boutons
Pilule à 1000px, flèche intégrée
Le bouton principal et le secondaire partagent le même radius plein. Le rond blanc avec la flèche vit à l'intérieur du bouton, jamais à côté.
04. Coin coupé
Jamais un simple rectangle
Un petit graphique posé dans la couleur de fond mord le coin haut‑gauche de chaque carte : le fond de la page se lit à travers l'entaille.
Coin coupé
Coin classique
05. Cartes projet
Un seul gabarit, tous les usages
Photo en coin coupé, badge en haut, flèche ronde en bas : le même gabarit sert quel que soit le secteur de la démo.
06. Bandeau accent
Un appel à l'action fort
Le thème accent inverse la lecture : fond orange‑rouge, boutons clairs, même flèche intégrée.