Case study summary

One finished project, told the way a builder or an architect would tell it across a table. A label and a display heading open onto a large photograph beside five ruled facts: client, sector, location, contract value and time on site. Beneath them three columns under heavy rules run The brief, What we did and The result.

Two columns of prose and then a number at display size. The brief and the work are sentences; the result column starts with the outcome at clamp(3.5rem, 8vw, 7.5rem), so the eye lands on what changed before it reads how. It survives colourlessness because it is density contrast: two quiet columns, one loud one, under the same 3px rule.

The photograph, the heading, the five facts, the three paragraphs, and the outcome figure with its caption.

• The ground is base and every line of type is contrast, each a two-rung chain. Text is at 4.5:1 or better in the stock themes; the figure is large display at 3:1 or better.
• The labels start on role-label, the rules on role-rule; both fall through to contrast.
• The heading is off the type ladder on purpose, a bare clamp(2.5rem, 5vw, 4.75rem); the column titles and fact values are bare clamps near 1.25 to 1.75rem, the second mass. Body copy takes medium.
• The typeface is your theme's.

• The photograph and the facts are 62 and 38 per cent; the three parts are equal columns. Both stack below 782px, photograph first, result last.
• The photograph is 4:3 and cropped to fill, so any project shot works.

concrete-and-copper states a concrete ground #e5e3de, near-black type and rules #1c1c1b (13.3:1) and the outcome figure in copper #9b4a21 (4.8:1), in bold Helvetica throughout with tight tracking on the headings. Small labels stay in the ink. It is for a builder, a joiner or an architect.