Verificación de que el design system respeta la regla de 8. Todos los tamaños de fuente son múltiplos de 4px y las alturas de componentes son múltiplos de 8px.
--font-size-tinytext-xs12px--font-size-regulartext-base16px--font-size-largetext-xl20px--font-size-xltext-2xl24px--font-size-2xltext-3xl32px--font-size-3xltext-4xl40px--font-size-4xltext-5xl48px--font-size-5xltext-[56px]56pxEliminados del sistema
--font-size-small: 14pxno es múltiplo de 414px--font-size-medium: 18pxno es múltiplo de 418pxCada barra representa la altura real del componente. Todas son múltiplos de 8px.
Button sm
Button default
36px → 40px
Button lg
Input
36px → 40px
Toggle default
36px → 40px
Select default
36px → 40px
Tabs list
36px → 40px
Input OTP slot
36px → 40px
Componentes reales (inspect para confirmar alturas)
Tailwind v4 usa una escala base de 4px. Todos los valores usados en componentes son múltiplos de 4px. No se usan valores fraccionarios (1.5, 2.5, 3.5).
p-14pxp-28pxp-312pxp-416pxp-624pxp-832pxp-1040pxp-1248px2
Fuentes eliminadas
14px y 18px
8
Escala tipográfica
pasos ×4px
9
Componentes fijos
h-9 → h-10
3
Fraccionarios quitados
gap/px 1.5, 2.5