blinkist.com
Design analysis
Three large percentage outcomes are presented in a clean, highly legible row with a small methodology note below.
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/blinkist-com/923d3302-3f7c-4bf2-9567-691903266cb3-1789146454-7.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/blinkist-com/923d3302-3f7c-4bf2-9567-691903266cb3-1789146395050-full.webp - Component on Kage: https://kage.design/component/blinkist-stats-2 ## Before you start Ask what the user's product, audience, and brand are, then apply these principles to that product rather than copying the reference. Create a simple outcomes band with three equal columns. Use very large bold percentage figures, concise explanatory labels underneath, and a small centered footnote explaining the source or methodology. Keep the composition spacious and credible, with no cards or heavy borders. Use navy #073544 for figures, dark gray #4f5b5c for labels, white background, 48–72px desktop spacing, and responsive stacking. Make the footnote visibly secondary but readable and avoid implying unsupported claims. Never use the reference's logos, product names, copy, illustrations, or imagery.
kage