Title order=1 — heading-xl (55px → 30px mobile)
Title order=2 — heading-l (50px → 30px mobile)
Title order=3 — heading-m (30px → 20px mobile)
Title order=4 — heading-s (18px → 16px mobile)
Text size="xl" — text-xl (22px → 18px mobile)
Ceci est un texte en taille XL. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text size="lg" — text-l (18px → 16px mobile)
Ceci est un texte en taille LG. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text size="md" — text-m (16px)
Ceci est un texte en taille MD (défaut). Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text size="sm" — text-s (14px)
Ceci est un texte en taille SM. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text size="xs" — caption (12px)
Ceci est un texte en taille XS (caption). Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Texte LG dimmed pour les descriptions secondaires.
Texte MD dimmed pour les métadonnées.
Texte SM dimmed pour les petites annotations.
Anchor size="xl" — cta-xl
Voir tous les articles →Anchor size="lg" — cta-l
Découvrir →Anchor size="md" — cta-m
En savoir plus →Anchor size="sm" — cta-s
Lire la suite →color="white"
color="ircamGreen"
variant="outline" color="dark"
variant="outline" color="gray.0"
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
xs = 10px
sm = 12px
md = 16px
lg = 20px
xl = 32px
* champs obligatoires
Ce champ contient une erreur
Formats acceptés : .PDF, .doc, .docx
État par défaut (placeholder)
État rempli
État erreur
Label erreur
État inactif
