content.memphis-wavy-story · Wavy story

A content pattern from Memphis, 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.memphis-wavy-story". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A squiggle opens the section; title on 1–6 and body on 7–12; then a circle-cropped image on 1–5 beside a second paragraph on 6–11 with a ring on 12.
Slots
title, body, image, body2
Grid areas
title 1-6 · body 7-12 · image 1-5 · body2 6-11 · ring 12-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5FA2 · accent2 #9AAE00 · Bricolage Grotesque / DM Sans · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A full-width squiggle (accent) opens the section. Row 1: the title (h2, heaviest weight) on 1–6 and a paragraph on 7–12. Row 2: a circle-cropped illustration with a 3 px outline on 1–5, the second paragraph on 6–11, and a small ring (accent2) on 12. At phone width the ring hides.

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.