Slopless Design

cta.editorial-magazine-subscribe · Subscribe

A cta pattern from Editorial Magazine, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 7. Give the section root data-pattern="cta.editorial-magazine-subscribe". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

A 4 px rule, an accent eyebrow, the italic h2 at step 5 across 1–11, then a lead paragraph on 1–6 and the inline email form with a muted note on 8–12, bottom-aligned.

Slots

eyebrow, headline, body, newsletter, meta

Grid areas

headline 1-11 · pitch 1-6 · form 8-12 (12-column grid, 1-based inclusive spans)

Tokens

bg #FDF9F4 · text #241E16 · heading #150E06 · accent #9B2234 · accent2 #D26F74 · Playfair Display / Source Serif 4 · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

A 4 px rule across the grid, the kicker (small uppercase, accent) on 1–6 and the headline in italic display serif at step 5 across 1–11 (max ~26 ch, one or two lines). Below it: a lead-size paragraph describing the issue or newsletter on 1–6 and, on 8–12, bottom-aligned, an inline email form (field with 1 px bottom border only, a square accent submit) and a small muted note ("Every Sunday. Unsubscribe any time."). At phone width the form follows the paragraph.

Brand & product studio

Have a hard thing to explain?

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.

you@example.com

Booking projects from June 2026