05 / Space & Form
Ritmo en base 4.
Todo el sistema respira sobre una grilla de 4px. Los radios son suaves como las curvas del río; las sombras son nieblas andinas — nunca duras.
Escala de espaciado
05.1Base 4px. Nunca uses valores fuera de la escala.
space-14px
space-28px
space-312px
space-416px
space-520px
space-624px
space-832px
space-1040px
space-1248px
space-1664px
space-2080px
space-2496px
space-32128px
Radios — curvas del río
05.2radius-xs4px
radius-sm6px
radius-md10px
radius-lg16px
radius-xl24px
radius-pill999px
Sombras — niebla andina
05.3Sombras de baja opacidad, multicapa, cálidas. Evitar sombras duras o saturadas.
xs1 / 2
sm2 / 6
md6 / 16
lg16 / 40
xl32 / 80
Grilla 12 columnas
05.4Gutter 8–24px según densidad. Max width 1240px (contenido estándar) / 880px (lectura).
container-narrow880px · lectura
container1240px · default