ART au féminin

Design System

Référentiel visuel du site — couleurs, typographie, composants et patterns. Toute modification du système doit passer par cette page.

Design System

Couleurs

Cream — arrière-plans

cream-50

#fdfcfa

cream-100

#faf7f2

cream-200

#f3ece3

cream-300

#e9ddd4

Clay — couleur principale / accents

clay-100

#f5ede8

clay-200

#e8c5b4

clay-300

#d4a090

clay-500

#9d6b53

clay-700

#6b3d2a

Sage — footer

sage-300

#b5c9b8

sage-500

#8ba28f

sage-700

#5f7d64

Gold — décoratif

gold-300

#e4cc9a

gold-500

#c9a96e

Stone (Tailwind) — textes

stone-400

#a8a29e

stone-500

#78716c

stone-600

#57534e

stone-700

#44403c

stone-900

#1c1917

Design System

Typographie

Cormorant Garamond — font-display — titres et accroches

text-6xl font-semibold

ART au féminin

text-5xl font-semibold

Pourquoi n'y a-t-il pas eu de grandes artistes femmes ?

text-3xl font-semibold

Titre de section ou d'article

text-xl font-light italic

Recevez les épisodes et articles directement par email.

Système — corps de texte

text-base leading-relaxed — paragraphe standard

Avant de devenir historienne de l'art, professeure d'université et théoricienne, elle obtient en 1951 un baccalauréat en philosophie tout en se formant aux études grecques et à l'histoire de l'art.

text-sm leading-relaxed text-stone-500 — méta / descriptions

Saison 3 · Épisode 12 · 42 minutes — Peintre, sculpteure, graveuse… découvrez son parcours exceptionnel.

text-xs uppercase tracking-widest text-clay-500 — eyebrow / label

Tous les épisodes

Prose — contenu riche (articles, épisodes)

Titre dans le contenu riche

Avant de devenir historienne de l'art, professeure d'université et théoricienne de l'art, elle obtient en 1951 un baccalauréat. Lisez cet article sur le sujet pour en savoir plus.

L'art n'a pas de sexe, mais l'histoire de l'art, elle, en a eu un pendant trop longtemps.

Un second paragraphe avec du texte en gras et du texte en italique.

Design System

Boutons

variant="outlineDark" — bouton principal du site

variant="outline" — secondaire (fond clair)

inline-flex rounded-full — CTA artisanaux (episode, article)

Design System

Cards

ContentCard — composant partagé, utilisé sur /podcasts et /articles

Seul le slot action varie : PlayButton pour les épisodes, lien texte pour les articles.

Panel bas — 3 colonnes (épisode, article)

Écouter sur

Toutes les plateformes

Texte d'accompagnement court et informatif.

Action →

Communauté

Suivez ART au féminin

Texte d'accompagnement court et informatif.

Action →

Mécénat

Soutenez le podcast

Texte d'accompagnement court et informatif.

Action →

Card autrice / bio

À propos de l'autrice

Bonjour, je suis Aldjia, créatrice et animatrice du podcast ART au féminin.

Design System

Séparateurs & bordures

hr.separator — entre les sections de contenu


border-clay-200 — bordure légère entre éléments

Ligne avec bordure inférieure clay-200

border-y border-clay-200 bg-cream-200 — bande de séparation (section Instagram)

Section pleine largeur avec fond cream-200

Design System

Hero pleine largeur

Pattern réutilisé sur l'épisode et l'article — image + dégradé + titre en overlay

Saison 3 · Épisode 12 · 42 min

Titre de l'épisode ou de l'article

Classes : -mx-4 -mt-12 relative h-[55vh] min-h-[340px] overflow-hidden

Design System

Newsletter (footer)

Newsletter

Recevez les épisodes et articles directement par email.