---
name: style-editorial
description: Magazine-inspired editorial design - strong hierarchy, generous whitespace, mixed serif + sans, sidebars, drop caps, side captions. Use when the user asks for a "magazine", "editorial", "long-form", "newsroom", "blog", "essay" style.
---

# Style Éditorial

Le lecteur doit reconnaître un magazine en trois secondes. La typo fait le
travail - les images l'accompagnent.

## Palette

- BG: `#f4f0e6` (papier crème) - ou noir profond `#0a0a0a`.
- FG: `#1a1a1a` sur crème, `#f5f5f5` sur noir.
- Un seul accent chaud (`#c1440e` rouge brique) réservé aux drop caps et pull quotes.

## Typographie

- Display: serif à contrastes marqués (Fraunces, Playfair Display, GT Sectra).
- Body: sans humaniste à x-height moyenne (Söhne, Inter, Manrope) taille 18-20 px, line-height 1.55, mesure 60-72 caractères.
- Kicker: sans mono ou sans small-caps letter-spacing 0.15em uppercase.
- Drop cap : 4 lignes de haut, capitale du body font, marge droite 0.6em.

## Layout

- Grille 12 colonnes, gouttières larges (24-32px).
- Colonne principale 6-8 col, sidebar caption 3-4 col.
- Images pleine largeur `object-fit: cover`, aspect 3:2 ou 16:9.
- Pull quote sur 3-4 colonnes, italique display 32-40 px.

## Rules

- Jamais deux serifs différents dans le même article.
- L'espace vertical entre paragraphes = 0.75em, pas d'indent première ligne.
- Chaque section respire : 4rem avant un h2.