blinkist.com
Design analysis
A pale gray footer organizes many discovery links into columns, then closes with app-download badges, utility links, social controls, and language selection.
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-1789146455-11.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-footer ## 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. Build a large footer on a very pale gray-green background around #f1f6f5. Start with a multi-column catalogue link area: one heading and several grouped lists for popular content, categories, and topics. Separate it from the bottom utility area with a thin horizontal rule. Include a brand lockup and short positioning line on the left, app-store badge placeholders beneath, and grouped editorial/useful/company links to the right. Finish with a compact legal bar, social icon buttons, and a language selector. Use navy #073544, muted gray #657274, 12–14px link text, 8px gaps between links, and responsive columns that collapse to accordions or stacked groups on mobile. Never use the reference's logos, product names, copy, illustrations, or imagery.
kage