pricing.constructivist-ration-cards · Ration cards

A pricing pattern from Constructivist, 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.constructivist-ration-cards". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
The title in capitals on a −3° tilt; plans in a row of thick-ruled cells sharing borders across 1–12: capital name, big price, a red bar, inclusions, primary button.
Slots
title, plans[2..3]
Grid areas
title 1-12 · plans 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #EFE6D2 · text #16130F · heading #16130F · accent #C8102E · accent2 #FF7777 · Anton / Barlow Semi Condensed · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • The title in capitals at step 5 across the grid, rotated −3°. Plans in one row of cells with 4 px borders and zero gap (shared rules): plan name in capitals, the price at step 6, a short red bar, inclusions, a primary button.

Engagements

Sprint

€18k

Two-week positioning sprint with a written brand platform.

Choose Sprint

Rebrand

€85k

Positioning, identity and a launch toolkit over 12 weeks.

Most popular — choose