Grid, radius, shadows e breakpoints

O sistema espacial organiza layouts densos sem ruído visual: espaçamentos previsíveis, cantos suaves e profundidade controlada por sombra semântica.

radius 1rem

Escala Tailwind

De 4px até 384px para composição consistente.

14px

28px

312px

416px

520px

624px

832px

1040px

1248px

1664px

2080px

2496px

32128px

40160px

48192px

56224px

64256px

72288px

80320px

96384px

Radius

Base única com derivações semânticas.

smcalc(var(--radius) - 8px)

mdcalc(var(--radius) - 4px)

lgvar(--radius)

Sombras

Tailwind padrão + extensões proprietárias.

shadow-sm

.shadow-primary

.shadow-primary-lg

Breakpoints

Pontos de adaptação do layout responsivo.

640px

mobile landscape

768px

tablet

1024px

desktop compacto

1280px

desktop amplo

2xl

1536px

grandes monitores