## 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/dockfix-5-0/2c092be4-cae6-431a-8bc7-3fef5352fd95-1789279442-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/dockfix-5-0/2c092be4-cae6-431a-8bc7-3fef5352fd95-1789279362906-full.webp
- Component on Kage: https://kage.design/component/dockfix-5-0-stats

## Before you start
Ask what the user's product is, who it is for, and what their brand personality and visual identity are. Apply the principles below to that product rather than reproducing this reference.

Build a full-width proof strip with four evenly distributed metrics in a dark near-black panel (#151311). Use a responsive four-column grid that collapses gracefully on small screens. Each metric needs a large, bold numeral in warm white (#f5f1e8), a tiny letter-spaced uppercase label in muted taupe (#8f8880), and consistent vertical centering. Keep the panel compact, with 32–48px vertical padding and subtle dividers only if needed. Metrics should communicate credibility, adoption, price, performance, or another decision-relevant fact; do not overload the strip.

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