Kage Design logo kage
partners.axiom.co
Axiom feature grid component

Design analysis

A final hands-on invitation puts a low-friction playground beside a product visual, reducing the distance between marketing promise and first experiment.

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/axiom/c8c1ccab-fdeb-4f51-a10a-de94b7cc1af3-1789711533-10.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/axiom/c8c1ccab-fdeb-4f51-a10a-de94b7cc1af3-1789711409328-full.webp
- Component on Kage: https://kage.design/component/axiom-feature-grid-6

## Before you start
Ask what a visitor can try without an account and what minimal example best communicates the user's value. Build an original playground invitation.

Use a two-column dark section: a concise heading and reassurance on the left, with a single high-contrast link or button; a framed interactive-looking query playground on the right. Include a toolbar, editable code lines, a run button, a small prompt/result region, and a compact chart or rows below. Use 1px #252525 borders, 8px corners, near-black panels, monospace code, and orange for the primary run/play action. Keep the call to action visible without competing with the demo. On mobile, put copy first and make the playground horizontally contained with readable type.

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

More components