Kage Design logo kage
krea.ai
Krea 3 stats component

Design analysis

A large numeric claim is followed by concise explanatory copy and a comparison panel that makes speed and price differences scannable.

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/krea-3/dbe75373-d211-428a-9d9b-aa6c396006bc-1792389811-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/krea-3/dbe75373-d211-428a-9d9b-aa6c396006bc-1792389704928-full.webp
- Component on Kage: https://kage.design/component/krea-3-stats

## Before you start
Ask what the user's product and brand are, then apply the following principles to their proof section rather than copying this reference.

Build a centered proof section on a warm white background with generous vertical whitespace. Start with an oversized two-line statistic, roughly 56–76px, using near-black #090909 and tight tracking. Add a short centered paragraph below in 15–17px gray #777, with one or two emphasized inline values. Follow it with a rounded comparison card: a compact metric tile on the left and two or three aligned comparison columns on the right. Use #f7f7f5 surfaces, white inset cards, 1px #e8e8e5 borders, 12–16px radius, subtle shadow, and thin progress bars or sparklines in a restrained blue accent such as #3b6eea. Make labels small and numbers bold; support responsive stacking on mobile.

Never:
- use the reference logo or product name
- copy its statistics, competitor names, or copy
- reuse its imagery or illustration
- reproduce the exact layout or visual assets

More components