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–6 beside a second paragraph on 7–10 with a ring on 11–12.
Slots
title, body, image, body2
Grid areas
title 1-6 · body 7-12 · image 1-6 · body2 7-10 · ring 11-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, md) opens the section. Row 1: the title (h2 at step 5, heaviest weight) on 1–6 and a lead paragraph (max 40 ch) on 7–12. Row 2: a circle-cropped illustration with a 3 px outline on 1–6, the second paragraph as a lead on 7–10, and a large ring (accent2, lg) on 11–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.