Encabezado H1 — Título principal de la página

Encabezado H2 — Título de sección

Encabezado H3 — Subtítulo

Encabezado H4 — Encabezado de bloque

Encabezado H5 — Encabezado menor

Encabezado H6 — Encabezado de nivel más bajo

Párrafos y énfasis

Este párrafo muestra texto corrido con énfasis fuerte, énfasis cursivo, texto bold y itálica sin carga semántica. También incluye un enlace textual con el estilo editorial del sistema, texto auxiliar y aclaratorio en tamaño pequeño, y las variantes de ^superíndice y _subíndice sin romper el interlineado.

El GN utiliza este sistema de diseño para garantizar coherencia visual en todas sus aplicaciones. Los términos clave se pueden resaltar editorialmente con la etiqueta mark.

Listas

Lista desordenada

Primer elemento de la lista
Segundo elemento con énfasis y enlace
Tercer elemento

Lista ordenada

Instrucción primera
Instrucción segunda
Instrucción tercera

Cita en bloque

La accesibilidad no es una característica opcional, es un requisito fundamental para el diseño de servicios públicos digitales.

Lista de definiciones

Token de diseño: Variable que representa una decisión de diseño (color, tipografía, espaciado) y permite mantener consistencia en todo el sistema.
Componente: Unidad de interfaz reutilizable, encapsulada con su HTML, CSS y JS.
Patrón: Composición de componentes para resolver un problema de interfaz recurrente.

Tabla

Resumen de tokens tipográficos del sistema
Token	Valor	Uso recomendado
`--gn-text-p-base`	18 px	Párrafo base, contenido corrido
`--gn-text-p-sm`	16 px	Texto auxiliar, labels secundarios
`--gn-text-p-xs`	14 px	Texto muy pequeño, notas al pie

Figura e imagen

Logotipo oficial del Gobierno de Navarra. Fuente: sistema de diseño GN.

Código

Usa la clase .prose en el contenedor de artículos editoriales para aplicar estilos scopeados automáticamente.

article.prose {
  /* Los estilos se aplican a descendientes sin clase */
}

.prose table:not([class]) {
  width: 100%;
  border-collapse: collapse;
}