Slopless Design

cta.broadsheet-subscribe-coupon · Subscribe coupon

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

Rule

A boxed coupon on 3–10 with a dashed border: caps flag, a bold serif head, an italic line, an inline email form and a small mono 'clip and send' note.

Slots

eyebrow, headline, body, newsletter, meta

Grid areas

coupon 3-10 (12-column grid, 1-based inclusive spans)

Tokens

bg #F4F0E6 · text #1B1A17 · heading #0D0C0A · accent #872824 · accent2 #BE6D65 · UnifrakturMaguntia / Newsreader · radius 0px · space unit 6px (full list in design/tokens.json)

Section

vertical padding step 8

Pattern notes

A coupon on 3–10 with a 1 px **dashed** border (cut here): a centred small-caps flag, a 2 px rule, a bold serif head at step 4, an italic line, an inline email form (underlined field + one filled ink button) and a muted mono small-caps note ("Clip and send — or type it in").

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