Fundamentos · 05

Grid e espaço.

Coluna única dominante para leitura. Grades multi-coluna apenas para índices, comparativos e galerias. Espaço é um material, não um vazio.

Escala de espaçamento

xs   4px
sm   8px
md   16px
lg   24px
xl   40px
2xl  64px
3xl  96px

Layout do portal

┌──────────────────────────────────────────────────────┐
│  TopBar 49px · sticky                                │
├──────────┬───────────────────────────────────────────┤
│          │                                           │
│  Sidebar │   Main · max-width 860px                  │
│  260px   │   padding 64px lateral · 80px topo        │
│  sticky  │                                           │
│          │   Leitura: 72ch                           │
└──────────┴───────────────────────────────────────────┘

Regras

Largura máxima de leitura: 72ch.
Largura máxima do canvas: 1440px.
Bordas internas usam 1px sólido em --rule.