Título Principal (H1)

Este es un párrafo de texto base. Utiliza la fuente Atkinson Hyperlegible, diseñada para máxima legibilidad, y su tamaño (1rem) sirve como fundamento para toda nuestra escala tipográfica.

Subtítulo de Nivel 2 (H2)

La escala de "cuarta justa" (1.333) crea un contraste claro y definido entre los diferentes niveles jerárquicos. Es ideal para documentos que necesitan una estructura fuerte y fácil de seguir visualmente.

Subtítulo de Nivel 3 (H3)

Este nivel inferior sigue manteniendo una clara distinción con el párrafo, pero se subordina de manera natural al H2. A continuación, se muestra una tabla de ejemplo.

ConceptoRatioUso Ideal
Cuarta Justa1.333Estructuras claras y legibles.
Proporción Áurea1.618Diseños elegantes y orgánicos.
Tercera Mayor1.250Contraste sutil y refinado.

Subtítulo de Nivel 4 (H4)

Este es el nivel más bajo de encabezado, perfecto para subtítulos dentro de secciones más pequeñas o para destacar un punto específico sin la fuerza de un H3. Un fragmento de código se ve así: body { font-size: 1rem; }

Nota: Esta caja de nota utiliza un tamaño de fuente ligeramente más pequeño (`--step--1`) para diferenciarla del contenido principal, sin dejar de ser perfectamente legible.
“El diseño es el embajador silencioso de tu marca.” — Paul Rand