Design system
Components
The recurring pieces: kicker and dot, highlight, buttons, card, fact sheet, note, four squares, quote banner.
Entre-temps
Kicker and dot
A word highlighted in yellow in the text.
Highlight
Buttons
The four squares
October 2026 update: the SRL has become the PRL.
Note
There’s method in his madness
Quote banner
Each component has a single role. No variant is created when an existing component does the job.
| Component | Role | Rule |
|---|---|---|
| Kicker and dot | Place a text: section, series, tension | DM Mono in capitals; the dot carries the section’s colour |
| Highlight | Mark a key sentence | Translucent yellow; one or two sentences per text, no more |
| Solid button | The main action | Only one per screen, pill-shaped |
| Outline button | Secondary actions | Same shape, no fill |
| Card | Lead to a text | 5:3 visual, label, title, summary, date and reading time |
| Fact sheet | Summarise a case | Grey surface, two columns of definitions |
| Note | An update, a status | Grey surface, text at 0.92rem |
| The four squares | The reduced signature | Favicon, bullet, list coding |
| Quote banner | A sentence that carries the page | Full width, magenta, white text; one per page at most |