content.risograph-photocopy-essay · Photocopy essay

A content pattern from Risograph Print, drawn alone below with this design's tokens and sample copy. Used in this design on: about page, section 1. Give the section root data-pattern="content.risograph-photocopy-essay". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Tilted uppercase title in 1–7 over a duotone 4:5 photo in 1–5; the mono lead in 6–12 and two narrow body columns in 6–9 and 10–12 beside the photo.
Slots
title, image, lead, body2, body3
Grid areas
title 1-7 · photo 1-5 · lead 6-12 · col1 6-9 · col2 10-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF48B0 · accent2 #00B790 · Bricolage Grotesque / Work Sans · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • The uppercase h1 (step 6, rotate −2°) in 1–7. Below it a 4:5 duotone photo with offset shadow in 1–5 spanning two rows; beside it the lead set in mono across 6–12, then the body in two narrow columns (6–9 and 10–12).

How we think

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

We hand over everything — source files, a living brand system and a website your team can edit without calling us.

Our team is eleven people: strategists, writers, designers and two engineers who ship what the others draw.