12-column grid · sharp type scale · industrial feel
The old site piled up information with inconsistent sizes. It needed order and a clear hierarchy.
Layout rebuilt on a 12-column grid with a strict 1.25 type scale. The first screen is a large headline plus one line of positioning; images and text align to the same modules; colour reduced to black, white and one accent.
All spacing comes from one ratio variable; the 12 columns collapse to a single column at breakpoints while the type scale holds; images share one crop ratio.
Download source ↓ (free with an account)