Kage Design logo kage
bunq.com
bunq.com feature grid component

Design analysis

A dark benefits section introduces the product promise and presents stacked feature rows with short descriptions, creating an easy-to-scan mobile information hierarchy.

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/bunq-com/4420c8b4-fa9d-40bf-a5d3-de95f2febdf1-1789146828-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/bunq-com/4420c8b4-fa9d-40bf-a5d3-de95f2febdf1-1789146743583-full.webp
- Component on Kage: https://kage.design/component/bunq-feature-grid

## Before you start
Ask what the user's product, audience, and brand are, then apply the following principles to that context.

Create a stacked benefits section for a consumer finance or software product. Start with a large white heading and a short supporting sentence, then show three or four feature rows separated by thin muted rules (#555555). Each row should have a concise title, optional one-line explanation, and enough vertical padding for comfortable tapping. Use a black background, white primary text, muted gray secondary text, 12px side gutters, and 24–32px section spacing. Let rows expand or collapse if content is longer, with a clear focus and active state. Keep the hierarchy calm and editorial rather than card-heavy.

### Never
- Never use the reference logo, product name, copy, illustrations, or imagery.
- Never copy the exact feature names or ordering.
- Never turn every row into a brightly colored card.

More components