pancake.ai
Design analysis
The pricing section is intentionally transparent: a large starting price and primary button sit beside a concise checklist of included value. The final color motif curves behind the lower edge and leads into the footer.
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/pancake/f2dcc4e1-7584-486e-8c34-37279d03f6e2-1792044192-5.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/pancake/f2dcc4e1-7584-486e-8c34-37279d03f6e2-1792044073540-full.webp - Component on Kage: https://kage.design/component/pancake-pricing-table ## Before you start Ask what pricing model, entry price, billing unit, included limits, qualification rules, and conversion paths are correct for the user's product. Apply the layout while using only truthful product information. Create a transparent pricing section on a warm ivory background. Use a max-width two-column layout with a strong 40–52px heading at the top. The left column should emphasize a starting price with a large numeric treatment, billing suffix, primary CTA, and a small qualification or billing note. The right column should show 5–7 concise included-value bullets, each preceded by a small mint or green check. Use dark plum `#210025` for headings, near-black plum for price, muted gray-plum for supporting text, and mint `#29966c` for checks. Keep the layout flat and editorial rather than card-heavy; use no unnecessary borders. Add a broad, low-contrast multicolor curved motif near the bottom edge, clipped behind the content, using the brand accent colors while preserving text contrast. On mobile, stack the price and checklist, make the CTA full-width, and ensure price details remain readable. Include hover, focus, and disabled states for actions. Never: use the reference logo, product name, exact copy, illustrations, or imagery.
kage