H1. Titre principal de la page (Balise : <h1> ou .h1)

H2. Titre de section (Balise : <h2> ou .h2)

H3. Titre de sous-section (Balise : <h3> ou .h3)

H4. Petit regroupement (Balise : <h4> ou .h4)

H5. Micro-titre (Balise : <h5> ou .h5)

Classe : .ella-p-lead — Il s’agit d’un style de paragraphe plus grand et à contraste élevé utilisé pour les introductions. Il capte l’attention et prépare le terrain pour le reste du contenu.

Classe : .ella-p-base — Il s’agit de l’élément de base de votre interface utilisateur. Il doit être très lisible, avec une hauteur de ligne confortable (généralement de 1,5 à 1,6). Il s’agit du style par défaut pour la lecture de textes longs et les descriptions générales.

Classe : .ella-p-small — Utilisé pour les informations secondaires, les légendes ou les mentions légales. Il est plus petit que le texte de base, mais doit néanmoins conserver un contraste suffisant pour respecter les normes d’accessibilité WCAG.

Bouton CTA principal (.ella-btn-primary)

CTA secondaire en contour (.ella-btn-outline)

Bouton CTA fantôme (.ella-btn-ghost)

CTA utilitaire / Petit bouton clair (.ella-btn-utility)

CTA texte (.ella-btn-text)

Style de catégorie 1 : curseur horizontal

Style de catégorie 1 : liste verticale

Style de produits 1