12 colunas, gutter 32px
Grid e breakpoints
Sistema de grid responsivo com 6 breakpoints e resoluções alvo LATAM.
Breakpoints
| Nome | Min-width | Container max |
|---|---|---|
| xs | 0 | fluid |
| sm | 480px | 448px |
| md | 768px | 736px |
| lg | 1024px | 992px |
| xl | 1280px | 1248px |
| xxl | 1440px | 1408px |
Grid 12 colunas
Gutter: 32px (16px por lado).
1
2
3
4
5
6
7
8
9
10
11
12
Resoluções alvo LATAM
Desktop primário
1366 x 768
Desktop secundário
1920 x 1080 / 1536 x 864
Mobile dominante
360 x 800 a 412 x 915
Escala de z-index
1000Dropdowns
1020Elementos sticky
1030Elementos fixed
1045Painéis offcanvas / drawer
1055Modais
1060Onboarding
1080Tooltips
1090Toasts, Loading/Splash