Composição
Rooms, columns, voids and photographs. This page is composed from the layout primitives alone; its source has no stylesheet.
/01
Salas
A Section is a room: it owns its surface, its vertical void and the page grid. Grid exposes the content columns; Col places by column number at every breakpoint; Stack sets vertical rhythm.
Vertical void from the section tokens: 48→96, 64→160, 96→256px.
Full width below 600px; 8 columns to 1024px; 12 beyond. Counted from the first content column.
Children separated by one token. Margins inside are reset.
/02
Sangria
Bleed breaks a photograph out to the viewport edge. On one side only, the text beside it stays on the grid: the composition leans, the structure holds. Below 1024px they stack and the photo goes edge to edge.
/03
Proporções
Varied proportions inside one grid. Frames crop by aspect ratio and focal point; treatment stays natural: no filters, overlays, gradients or rounded corners.
/04
Texturas
Material swatches drawn from tokens, for occasional supporting surfaces. Concrete itself comes from photography, never a pattern.
- Azulejotile
- Ripadoslats
- Piso tátiltactile paving
- Obrasworks in progress
/05
Encaixe
FitText caps display type at a share of its container, so long Portuguese words fit narrow columns instead of spilling over.
Sinalização
Concreto