H1. Título principal de la página (Etiqueta: <h1> o .h1)

H2. Encabezado de sección (Etiqueta: <h2> o .h2)

H3. Encabezado de subsección (Etiqueta: <h3> o .h3)

H4. Agrupación pequeña (Etiqueta: <h4> o .h4)

H5. Microencabezado (Etiqueta: <h5> o .h5)

Clase: .ella-p-lead — Este es un estilo de párrafo más grande y de alto contraste que se utiliza para introducciones. Capta la atención y prepara el terreno para el resto del contenido.

Clase: .ella-p-base — Este es el motor de su interfaz de usuario. Debe ser muy legible, con un interlineado cómodo (normalmente de 1,5 a 1,6). Es el estilo predeterminado para lecturas largas y descripciones generales.

Clase: .ella-p-small — Se utiliza para información secundaria, leyendas o avisos legales. Es más pequeño que el texto base, pero debe mantener el contraste suficiente para cumplir con los estándares de accesibilidad WCAG.

Botón CTA principal (.ella-btn-primary)

CTA secundario con contorno (.ella-btn-outline)

Botón CTA fantasma (.ella-btn-ghost)

CTA utilitario / Botón pequeño claro (.ella-btn-utility)

CTA de texto (.ella-btn-text)

Estilo de categoría 1: Deslizador horizontal

Estilo de categoría 1: Lista vertical

Estilo de productos 1