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 "tercera mayor" (1.25) crea un contraste sutil y refinado. Es ideal para textos largos o interfaces donde se busca una jerarquía clara sin que resulte abrumadora para el lector.

Subtítulo de Nivel 3 (H3)

Este nivel inferior mantiene 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
Tercera Mayor1.250Contraste sutil y refinado.
Cuarta Justa1.333Estructuras claras y legibles.
Proporción Áurea1.618Diseños elegantes y orgánicos.

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.
“La simplicidad es la máxima sofisticación.” — Leonardo da Vinci