Slopless Design

pricing.neo-grotesk-plain-plans · Plain plans

A pricing pattern from Neo-grotesk Minimal, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="pricing.neo-grotesk-plain-plans". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

Two to four plans in columns, each opening with a hairline: tiny plan label, price at step 3 (weight 400), small inclusions and a small text link.

Slots

title, plans[2..4]

Grid areas

plans 1-12 (12-column grid, 1-based inclusive spans)

Tokens

bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #F95620 · accent2 #9E2C00 · Geist / Geist · radius 2px · space unit 8px (full list in design/tokens.json)

Pattern notes

A title at step 2 (weight 500), then two to four plans in a 4-column grid. Each plan: a hairline on top, the plan name as a tiny uppercase label, the price at step 3 weight 400, two to four lines of small muted inclusions and a small text link. The recommended plan's hairline is 2 px and in the text colour; no fills, no badges. At phone width one per row.

Engagements

For starting out

€18k

Two-week positioning sprint with a written brand platform.

Choose Sprint