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.
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.