# Case study summary

> One project told as a case study. A label and a display heading open onto a large project photograph beside five ruled facts (client, sector, location, value, time on site); beneath them three columns under heavy rules run The brief, What we did and The result, and the result opens on its outcome figure at display size. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/case-study-summary.html
Section: Gallery
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: column, columns, group, heading, image, paragraph
Keywords: case study, project, portfolio, builder, architect, result, client

## Variations (2)

### Case study (the default)

Identical markup in every theme.

Your base ground with your contrast type, the facts and the three columns ruled in your rule colour, and the outcome figure in your text colour.

### Concrete and copper

This variation states its own colours and states its own type: identical in every theme.

A builder or architect look: a concrete-grey ground, near-black type and rules, and the outcome figure in copper, in bold Helvetica throughout.


---

## The signature moment: the result opens on its figure

**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.

## What it inherits from your theme

- 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.

## What it decides for itself

- 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.

## The Styled look

`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.

## What to change first

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