pricing.bauhaus-shape-tiers · Shape tiers

A pricing pattern from Bauhaus, 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.bauhaus-shape-tiers". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Plans as rows: a shape that grows with the tier (small → large) on 1–2, name 3–5, price 6–8 at step 4, inclusions 9–10, button 11–12.
Slots
title, plans[2..4]
Grid areas
shape 1-2 · name 3-5 · price 6-8 · body 9-10 · cta 11-12 (12-column grid, 1-based inclusive spans)
Notes
Tier shapes: circle for the first plan, square for the second, triangle for the third, each larger than the last.
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #0050CC · accent2 #AF0029 · Jost / Jost · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2, lowercase) above. Each plan is one row separated by a 4 px bar: a solid shape on 1–2 (circle, square, triangle — one per tier, growing in size), plan name (h3, lowercase) 3–5, price 6–8 at step 4 weight 700, a short list of inclusions 9–10, and a primary button 11–12. The recommended plan's row has a yellow background. At phone width each row stacks: shape, name, price, inclusions, 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

Partner

€14k/mo

A standing team for product launches and campaigns.

Choose Partner