Kage Design logo kage
tryobra.com
tryobra.com stats component

Design analysis

A restrained dark band centers one enormous orange metric, with a short framing statement and tiny qualification text to make the number feel credible.

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/tryobra-com/5ed8a808-d125-4341-bc8a-0a69442cb995-1789152084-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/tryobra-com/5ed8a808-d125-4341-bc8a-0a69442cb995-1789152039794-full.webp
- Component on Kage: https://kage.design/component/tryobra-stats

## Before you start
Ask what measurable outcome the user's product creates and which single statistic best builds trust. Use the product's own data and voice.

Build a centered proof-point band on a near-black background (#0b0d0d). Add a tiny uppercase eyebrow, one oversized orange metric, a bold off-white interpretation line, and a small muted qualification beneath. Use strong vertical rhythm: approximately 24px eyebrow spacing, 0.9 line-height for the metric, and generous empty space around it. Add thin orange rules or a small measurement motif without making the section decorative. Ensure the metric remains readable and responsive on mobile.

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

More components