## 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/split/8556c614-105f-4777-9be3-693330882192-1790402628-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/split/8556c614-105f-4777-9be3-693330882192-1790402544582-full.webp
- Component on Kage: https://kage.design/component/split-pricing-table

## Before you start
Ask what the user's product is, who it is for, and what their brand style should feel like. Apply the principles below to that product rather than copying this reference.

Build a single-offer pricing section centered on the page. Start with a bold two-line heading and a brief explanation of the billing model. Use one elevated pricing card approximately 500–560px wide with a white surface, 1px #e5ecef border, 20–28px radius, and soft shadow. Include an offer label, a clear large price, a short description, a prominent dark CTA, and a vertical checklist of concrete benefits with subtle check icons. Add reassurance text below for checkout, support, or licensing. Use near-black #07151d, muted gray #69747c, pale green status accents #d8f3e5, and blue/cyan interaction accents. Make the card responsive and keep the CTA visible without scrolling on mobile where possible.

Never use the reference's logos, product names, copy, illustrations, imagery, or exact visual assets.