Orali

Buscar

Buscá páginas y tokens del sistema de diseño.

Spacing

Escala base 4 para espacios, tamaños de control y breakpoints.

Escala

Base de 4 px. Se usa para padding, gap y márgenes.
MuestraTokenValor
0px
4px
8px
12px
16px
20px
24px
28px
32px
40px
48px
56px
64px
80px
96px
128px
160px
192px
224px
256px

Tamaño de controles

Alto de botones, inputs y selects. El mínimo táctil es 44 px.
MuestraTokenValor
32px
36px
40px
44px
48px

Contenedor y breakpoints

Ancho máximo del contenido y puntos donde cambia el layout.
TokenValor
1280px
640px
768px
1024px