## 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-1789146830-6.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-tabs

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

Build an accessible segmented tab switcher for several audience journeys. Center it within a spacious black section, using compact rounded tab pills with a dark charcoal inactive state and a subtly tinted accent active state. Keep labels short, use 8–12px gaps, and provide clear keyboard navigation, focus styling, and aria-selected state. The tab group should be visually lightweight but easy to discover, with the selected content rendered immediately below or in the next section. Use white text and muted gray inactive text.

### Never
- Never use the reference logo, product name, copy, illustrations, or imagery.
- Never copy the reference audience labels.
- Never create tabs that merely look interactive without changing content.