Grid system
12 colunas, gutter e container derivados dos tokens. Ajuste as colunas e ligue o overlay para ver a estrutura por trás de cada tela.
// Colunas & Gutter
1
2
3
4
5
6
7
8
9
10
11
12
// Layout composto
principal · 8
lateral · 4
4
4
4
// Baseline (4px)
0
1
2
3
4
5
6
8
10
12
16
20
24
32
// Containers
sm640px
md768px
lg1024px
xl1200px