## 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/phantom-com/df84c488-d9fa-4f45-8b51-bd3e334c55b2-1789146860-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/phantom-com/df84c488-d9fa-4f45-8b51-bd3e334c55b2-1789146834018-full.webp
- Component on Kage: https://kage.design/component/phantom-feature-grid-2

## Before you start
Ask what financial or transactional workflows the user's product supports and what visual metaphor best communicates them. Apply the reusable structure, but invent the content and art direction.

Create a feature-card band for money movement or another primary workflow. Start with a compact category chip, then show three equal rounded cards in a horizontal row. Give each card a concise two- or three-line headline and a distinct visual treatment: a cool blue gradient, a deep violet surface, and a warm coral/pink surface are useful starting points, approximately #8FB9FF, #66528F, and #F28B91. Add layered interface fragments, balances, transfer states, or payment artifacts as original UI elements—not decorative noise. Maintain 24px card radii, consistent padding, strong contrast, and responsive horizontal scrolling. Support hover elevation and keyboard-focus states without making motion essential.

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