Medida y ritmo
Base de 4px, radios generosos (rounded expresivo) y sombras suaves que sugieren profundidad sin dramatismo.
Todo se compone sobre una rejilla de 4px. Los radios son generosos —la evolución más visible de esta versión— y las sombras, difusas y discretas.
Radio de esquina — rounded expresivo
Siguiendo la tendencia de iOS y Material 3 Expressive, la escala de radios se amplió respecto a
versiones anteriores: esquinas más suaves y protagonistas que hacen el producto más moderno y
amable, sin perder seriedad. En HeroUI esto se controla con una única variable --radius
(botones y campos) de la que se derivan los demás.
Espaciado — base 4px
Una única escala de espaciado gobierna márgenes, padding y gaps. La consistencia del ritmo es lo que hace que la interfaz se sienta ordenada.
Elevación
Sombras neutras y difusas. En modo oscuro, la elevación se apoya además en el cambio de superficie, no solo en la sombra.
Los botones son full rounded (pill) — la firma más visible del estilo rounded
expresivo. Los campos usan md (14px) y las cards xl (24px).
En HeroUI: medium ≈ md, large ≈ xl.