Design System
INPV — Système de Design
Référence visuelle et interactive de tous les composants, modules et fondations typographiques du site vitrine.
Typographie
Échelle typographique
Montserrat chargée via next/font/google. Tous les niveaux sont responsifs avec clamp().
Une vitrine institutionnelle composée pour durer.
size: clamp(2.8rem, 6vw, 5.5rem)
weight: 700
line-height: 0.95
letter-spacing: -0.03em
Titre principal d'une page, impact maximal.
Un socle sobre, net et déjà prêt pour la suite.
size: clamp(1.8rem, 3vw, 2.8rem)
weight: 700
line-height: 1.05
letter-spacing: -0.02em
Titre de section, structure la page.
Architecture sans dispersion
size: clamp(1.1rem, 1.6vw, 1.35rem)
weight: 600
line-height: 1.2
letter-spacing: -0.01em
Titre de carte ou de bloc local.
Le premier socle pose une interface calme, très sélective, capable d'accueillir ensuite les flux de formulaires, les pièces jointes et le paiement sans diffuser la complexité dans l'interface.
size: 1rem
weight: 400
line-height: 1.7
letter-spacing: 0em
Corps de texte principal, lecture courante.
Texte d'accompagnement, descriptions secondaires, aide contextuelle.
size: 0.92rem
weight: 400
line-height: 1.65
letter-spacing: 0.005em
Descriptions secondaires, contexte.
Fondation vitrine
size: 0.78rem
weight: 600
line-height: 1.3
letter-spacing: 0.12em (uppercase)
Kickers, navigation, boutons, labels.
Mentions légales, captions d'image, notes de bas de page.
size: 0.72rem
weight: 300
line-height: 1.5
letter-spacing: 0.04em
Captions, notes, mentions légales.