2
Tabbed explorer
Three doors, one room
Pick a tab on the left. It marks itself active and the panel beside it changes to match — image and copy together.
01 / Structure
The grid
02 / Material
The surface
03 / Form
The silhouette
Grid before decoration
Every layout here starts as a column count and a spacing scale. Decide the bones first and the surface treatment becomes a much smaller argument later.
8px scale · 12 columns