Design system
Composants
Les pièces qui reviennent : surtitre et pastille, surlignage, boutons, carte, fiche, note, quatre carrés, bandeau citation.
Entre-temps
Surtitre et pastille
Un mot surligné en jaune dans le texte.
Surlignage
Boutons
Les quatre carrés
Mise à jour d'octobre 2026 : le SRL est devenu le PRL.
Note
There’s method in his madness
Bandeau citation
Chaque composant a un rôle unique. On ne crée pas une variante quand un composant existant suffit.
| Composant | Rôle | Règle |
|---|---|---|
| Surtitre et pastille | Situer un texte : rubrique, série, tension | DM Mono en capitales ; la pastille porte la couleur de la rubrique |
| Surlignage | Marquer une phrase clé | Jaune translucide ; une ou deux phrases par texte, pas plus |
| Bouton plein | L’action principale | Un seul par écran, en pilule |
| Bouton contour | Les actions secondaires | Même forme, sans fond |
| Carte | Mener vers un texte | Visuel 5:3, étiquette, titre, résumé, date et temps de lecture |
| Fiche | Résumer un cas | Surface grise, deux colonnes de définitions |
| Note | Une mise à jour, un statut | Surface grise, texte en 0,92rem |
| Les quatre carrés | La signature réduite | Favicon, puce, codage d’une liste |
| Bandeau citation | Une phrase qui porte la page | Pleine largeur, magenta, texte blanc ; un par page au plus |