Aller au contenu principal

Charte graphique

Charte graphique · v2.0 · 2026

Le système de design de L’Atelier Insoumis.

Palette, typographie, composants et principes éditoriaux. Inspiration LFI, exécution distinguée. Document vivant — référence pour toute production graphique du projet.

01 · Couleurs

La palette, du rouge militant à l’ivoire chaud.

Saturée mais maîtrisée. Le rouge porte le projet, le jaune accentue, l’ivoire respire. Aucune couleur n’imite la palette officielle LFI — elles en sont cousines.

Rouge insoumis

#DC0226

Rouge profond

#A50019

Jaune électrique

#F5C800

Encre

#0A0A0A

Ivoire

#FAF6EE

Sable

#ECE3D0

Brouillard

#6B6B6B

Règle

#DDD6C2

01 BIS · Le violet identitaire LFI

Une seule couleur, une règle stricte.

Le violet #7B13D6 est la couleur signature de La France insoumise. On l’utilise dans le projet comme signal d’appartenance contextuel — jamais comme dominante. Règle d’usage non négociable.

Violet identitaire

#7B13D6

Violet pâle

#F1E6FB

Démo des composants violets

.ai-badge-officiel

Média officiel · La France insoumise

.ai-strip-officiel

Source primaire · programme officiel
Cette mesure est issue du programme officiel L’Avenir en commun. Toutes les citations renvoient à lafranceinsoumise.fr.

.ai-link-officiel

Sources : Programme officiel · Votes parlementaires

Le violet signale visuellement les liens qui mènent au programme officiel LFI.

Règle d’usage stricte

AutoriséBadge sur fiche média Cercle 1 (3 fiches officielles LFI).
InterditBackground plein écran d’une section.
AutoriséBandeau pâle sur fiche mesure citant lafranceinsoumise.fr.
InterditBouton CTA général (Voir la boutique, S’abonner).
AutoriséSoulignage des liens « Programme officiel » dans les sources Décodeur.
InterditLogo, header, footer, titres principaux.

Pourquoi cette règle : usurper la couleur signature LFI en dominante exposerait le projet à un risque juridique et politique (présentation comme canal officiel). En la cantonnant aux signaux contextuels, on conserve le clin d’œil identitaire sans confusion possible.

02 · Typographie

Quatre familles, une hiérarchie nette.

Anton et Archivo Black portent l’autorité militante ; Cormorant Garamond italique apporte l’élégance éditoriale ; Inter assure la lisibilité du corps.

AntonDisplay · slogans XL
PORTE LES IDÉES QUI CHANGENT LA FRANCE.
Archivo BlackHeadlines · titres section
Démêler la confusion politique.
CormorantEditorial · accroches
« Les idées qu’on porte, dans votre boîte mail. »
InterBody · texte courant
L’Atelier Insoumis est un projet militant indépendant. Coton bio, encres à l’eau, imprimé en France. Une partie de la marge nette est réinvestie dans la diffusion des idées de l’Union Populaire.

03 · Boutons & CTA

Quatre styles, zéro coin arrondi.

Le bouton encre est le défaut. Le rouge réservé aux CTA principaux. Le jaune pour les CTA sur fond rouge ou noir. L’outline pour les actions secondaires.

04 · Composants signature

Six briques pour composer toutes les pages.

Chaque section du site assemble ces briques. Cohérence visuelle garantie sans rigidité.

.ai-eyebrow

L’Atelier Insoumis · Édition 2026

Label uppercase tracking au-dessus de chaque titre. Variante .is-red pour Décodeur.

.ai-section-rule

01 Nouveautés

Ce qu’on a sorti récemment.

Toute la boutique →

.ai-card-idee

Concept

Qu’est-ce que la planification écologique ?

Pilotage public de la transformation des secteurs émetteurs.

.ai-card-decodeur

LFI = RN, deux extrêmes ?

« LFI et RN, c’est pareil — deux extrêmes qui se valent. »

05 · Bandeau Manifesto

L’aplat rouge plein largeur.

Pour annoncer un module phare ou une prise de position. Rythme la home et les longues pages éditoriales.

Nouveau · Le Décodeur

Démêler la confusion politique, pièce par pièce.

Les amalgames « LFI = RN », « extrême gauche », « antisémitisme » : on les démonte une par une, sources primaires uniquement.

Ouvrir Le Décodeur →

06 · Voix éditoriale

Affirmatif. Sourcé. Court. Distingué.

La voix porte la marque autant que le visuel. Quatre principes, six exemples concrets.

À faireDémêler la confusion politique.
À éviterIls nous mentent depuis 30 ans !!!
À faireProgramme officiel + votes parlementaires.
À éviterComme tout le monde sait depuis longtemps…
À faireAtelier indépendant. Imprimé en France.
À éviterStudio créatif éco-responsable & sourcé local.

07 · Principes d’usage

Ce qui se fait, ce qui ne se fait pas.

Six règles fortes qui distinguent une exécution réussie d’un site générique.

À faireAplats saturés sur sections clés.
À éviterDégradés, gradients, ombres douces.
À faireAnton TOUJOURS en majuscules.
À éviterAnton en bas de casse (illisible).
À faireCormorant uniquement en italique.
À éviterCormorant droit (effet prospectus).
À faireBordures épaisses 1.5–6px.
À éviterBorder-radius par défaut.
À faireUne couleur dominante par section.
À éviterTrois couleurs sur une même section.
À faireEyebrow systématique au-dessus des titres.
À éviterTitres orphelins sans contexte.
L'Atelier Insoumis est un projet indépendant. Nous soutenons les idées de l'Union Populaire et de La France insoumise, mais nous ne sommes ni affiliés, ni mandatés par ces organisations. Voir mentions légales.