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; kicker, italic serif headline at step 5 and a paragraph on 2–7; an inline email form with a small note on 8–11, bottom-aligned.

Slots

eyebrow, headline, body, newsletter, meta

Grid areas

pitch 2-7 · form 8-11 (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. On 2–7: kicker (small uppercase, accent), headline in italic display serif at step 5, a paragraph describing the issue or newsletter. On 8–11, 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