H1 — Título principal

Uso: Un solo H1 por página. Marca el tema central y la identidad visual principal. Suele combinarse con el color corporativo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Enlace principal hacia una página clave. También puedes usar un enlace de acento para llamados de atención cortos.

Primario #0083ad
Acento #f5b335
Neutro #6f6f6e

H2 — Sección principal

Uso: Divide el contenido en grandes bloques lógicos (estructuración y SEO). Puede repetirse varias veces.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; enlace contextual sutil para ampliar información sin distraer.

H3 — Subdivisión o elemento destacado

Uso: Profundiza dentro de un H2. Ideal para features, pasos o argumentos.

Curabitur fringilla sem a diam bibendum, vitae ultricies mauris gravida. Enlace secundario típico de barras laterales o pie.

H4 — Detalle específico / bloque interno

Uso: Títulos de tarjetas, FAQs, widgets, specs.

Nam fermentum elit in ligula interdum, eget convallis elit posuere. Llamada a la acción o Acción secundaria.

H5 — Microtítulo / etiqueta

Uso: Etiquetas pequeñas, categorías, metadatos. No compite visualmente con jerarquías mayores.

Sed imperdiet quam nec ipsum tempor, sed viverra mauris rhoncus. Enlace pequeño/acento para notas legales o créditos.

Bloque oscuro + enlaces inversos

Cuando el fondo es oscuro, los enlaces usan el acento para resaltar: Política de privacidad · Términos.