Retour aux trois DA Direction artistique 02 sur 03
Direction artistique 02 — Éditoriale

Lire la République
comme un long format.

Quand vie-publique.fr rencontre Les Décodeurs.

DemoTracker comme une rédaction tenant le journal de la République : titres en sérif imposants, accent or, fond crème de papier, hiérarchies fortes, viz soignées. On lit, on s'arrête, on cherche la légende. Chaque chiffre est un argument, chaque légende une preuve. L'inspiration : Décodeurs, Our World in Data, The Pudding.

01

Palette

Cinq familles · contrastes WCAG AA minimum
Crème · fond
#F6F4EE
Fond principal, papier de lecture. Plus chaleureux que le blanc, repose l'œil.
Papier
#FAF8F2
Cartes, encarts. Légèrement plus clair que le fond pour faire émerger.
Anthracite
#161616
Texte. Filets épais structurants. Surfaces signature (citations).
Or républicain
#C3992A
Soulignements, kickers, accents éditoriaux. Couleur signature.
Or foncé
#8E6F1B
Or sur texte (contraste AA garanti). Liens actifs, kickers sur fond clair.
Bleu Marianne
#000091
Identité institutionnelle, présent mais discret. Utilisé sur les viz.
Rouge Marianne
#E1000F
Alertes, divergences. Très parcimonieux : signal fort.
Ardoise
#3A3A3A
Textes secondaires, baselines, légendes longues.
02

Typographie

Spectral pour les titres · Marianne pour la lecture · contrastes marqués

L'industrie verte engage la France pour vingt ans.

H1 · Spectral ExtraBold 56 / 0.98 · italique pour les inflexions

Cinq étapes, cinq mois, un texte adopté.

H2 · Spectral ExtraBold 32 / 1.05

Mercier a-t-elle voté contre son groupe ?

H3 · Marianne Bold 20

Présence en commission

H4 · Marianne Bold 11 caps · couleur or foncé · libellés

« Madame la Présidente, mes chers collègues, ce projet de loi relatif à l'industrie verte engage notre pays dans une trajectoire ambitieuse de réindustrialisation décarbonée. Il s'inscrit dans une logique de souveraineté économique et de transition écologique conjuguées. »

Corps · Marianne Regular 18 / 1.7 · max 60ch · lecture longue

Extrait de l'intervention de Mme Sophie Mercier, séance du 18 juillet 2023, Assemblée nationale — JORF.

Légende · Marianne italique 13 · couleur gris mention

L'or n'est pas la couleur d'un parti. C'est celle des dorures, des chambres parlementaires, des tampons officiels — et donc, ici, des accents éditoriaux.

Pull quote · Spectral italique 22 · barre or à gauche
03

Composants signature

Trois éléments à reconnaître au premier coup d'œil
Carte d'élu
Renaissance · Hérault 3

Sophie Mercier

Députée · mandat depuis 2022

92 % loyauté groupe

Carte éditoriale : on annonce d'abord la rattache (groupe / circo), puis le nom en sérif fort, puis un chiffre clé qui fait titre.

Pastilles de vote
Pour372
Contre137
Abst.18
N.V.50

Carrés sémantiques plutôt que ronds : on assume le langage de la viz éditoriale. Le chiffre est aussi gros que le libellé.

Bandeau source
Source Scrutin n° 2547 sur l'ensemble du projet de loi relatif à l'industrie verte, Assemblée nationale, 23 mai 2024.
data.assemblee-nationale.fr/scrutins/2547

Discret, intégré dans la page comme une note de bas. La règle anthracite signe la séparation typographique.

04

Frise législative

Une loi se raconte. Cinq étapes, cinq dates.
Étude de cas

Loi du 23 octobre 2023 relative à l'industrie verte

Loi n° 2023-973 — Cinq mois entre le dépôt au Sénat et la promulgation au JORF.

  1. 16 mai 2023
    Dépôt du projet de loi au Sénat — initiative gouvernementale.
  2. 22 juin 2023
    Adoption en 1re lecture au Sénat — 234 pour, 65 contre.
  3. 24 juillet 2023
    Adoption en 1re lecture à l'Assemblée — 350 pour, 142 contre.
  4. 11 octobre 2023
    Accord en commission mixte paritaire — version commune adoptée.
  5. 23 octobre 2023
    Promulgation — JORF n° 0247.
Amendements déposés par étape
Sénat 1
AN 1
CMP
Décrets
JORF

1 247 amendements déposés au total · pic en première lecture à l'Assemblée. Source : data.assemblee-nationale.fr.

05

Ton éditorial

La personnalité visuelle en trois lignes
DemoTracker écrit comme un dossier de fond. Sérieux, détaillé, exigeant — mais jamais aride : la typo sérif donne le souffle, l'or donne l'accent, le crème donne la chaleur. On feuillette ce site comme on feuillette un long format un dimanche matin.
DA 02 — Éditoriale