Design System — Léo Balzac V2

Couleurs

Bleu minuit

#0D1B2A

Hero, footer, stat bar, nav sombre

Bleu profond

#16324A

Titres et texte courant

Bleu acier

#5C7A94

Bordures de cartes, texte secondaire sur fond sombre

Orange brûlé

#D9702E

Accent, CTA, eyebrows

Blanc cassé

#F8F7F4

Fonds de section, bordures

Blanc pur

#FFFFFF

Fonds cartes, texte sur fond sombre

Typographie

Styles de texte

.heading-xl — Cormorant Garamond 300 — 50px

L’art comme langage universel

.heading-l — Cormorant Garamond 300 — 32px

La matière comme mémoire

.heading-m — Cormorant Garamond 300 — 24px

Nos expertises en communication culturelle

.heading-s — Cormorant Garamond 300 — 18px

Portrait d’artiste — Marie Arnaud

.eyebrow — Inter 400 — 9px uppercase

Galerie · Agence créative — Paris 2026

.body-text — Inter 300 — 12px

Nous représentons des artistes singuliers et accompagnons les institutions culturelles dans leur communication. Art contemporain, direction artistique, éditions limitées.

.body-text--small — Inter 300 — 10px

8 min de lecture · Laurent Béthune · 12 mai 2026

.pullquote — Cormorant Garamond 300 italic — 22px

“Nous ne sommes pas intermédiaires — nous sommes passeurs.”

.caption — Inter 400 italic — 9px

Atelier de Marie Arnaud, Paris 11e — 2025. Photo : Léo Balzac.

Composants

Boutons & badges

.btn--ghost (sur fond sombre)

.badge--available / .badge--reserved / .badge--sold

DisponibleRéservéeVendue

Layout

Grilles & espacements

.grid--2col

col 1
col 2

.grid--3col

col 1
col 2
col 3

.grid--4col

col 1
col 2
col 3
col 4

.grid--main-side (1.5fr / 1fr)

principal
sidebar

Séparateurs .divider--ink / .divider--pale



Espacements standards

8px — gap interne carte
16px — padding carte
24px — padding section compacte
32px — padding section standard
48px — padding section large