Foundations · 05
Grid.
Coluna única dominante para leitura. Grades multi-coluna apenas para índices, comparativos e galerias.
Layout do portal
┌──────────────────────────────────────────────────────┐ │ TopBar 49px · fixa │ ├──────────┬───────────────────────────────────────────┤ │ │ │ │ Sidebar │ Conteúdo · largura máxima 860px │ │ 260px │ 64px lateral · 80px topo │ │ fixa │ │ │ │ Leitura: 72ch │ └──────────┴───────────────────────────────────────────┘
Regras
- Largura máxima de leitura: 72ch.
- Largura máxima do canvas: 1440px.
- Grades de índice usam 2 ou 3 colunas com divisor de 1px.
- Bordas internas usam 1px sólido no token
border.subtle.
Pontos de quebra
sm
640px
Sidebar recolhida, coluna única
md
768px
Grades de índice em 2 colunas
lg
1024px
Sidebar fixa visível
xl
1280px
Canvas completo com margens amplas