Kage Design logo kage
plastic.audio
Clips by Plastic pricing table component

Design analysis

A light inverse pricing section makes the commercial decision prominent with a huge price-led heading and three simple plan cards.

Prompt preview
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/clips-by-plastic/ad43fef6-0048-4f88-83ea-4278fc30c273-1792994537-10.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/clips-by-plastic/ad43fef6-0048-4f88-83ea-4278fc30c273-1792994476004-full.webp
- Component on Kage: https://kage.design/component/clips-by-plastic-pricing-table

## Before you start
Ask what the user's pricing model, plan names, prices, limits, and preferred conversion action are, then apply these principles.

Create a light-background pricing section that sharply contrasts with the dark page. Lead with a huge left-aligned headline and a one-line explanation, then show three equal pricing cards in a row. Each card needs plan name, price, short qualifier, three or four benefits, and a full-width action. Use an off-white background around #f1f1ef, near-black text #111111, 1px gray borders #d5d5d2, 14–16px radius, generous internal padding, and a clear visual distinction for the recommended plan. Include reassuring fine print below the cards. Stack cards on mobile and keep actions aligned.

Never: use logos, product names, copy, illustrations, or imagery from the reference.

More components