granola.ai
Design analysis
A dark trust band separates the product story from the next section and presents customer credibility in two orderly logo rows.
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/granola-ai/8b8980af-a0f4-4fc3-9371-ab7645007c40-1789141837-3.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/granola-ai/8b8980af-a0f4-4fc3-9371-ab7645007c40-1789138376488-full.webp - Component on Kage: https://kage.design/component/granola-logo-cloud ## Before you start Ask what the user's product and brand are, then apply these principles to that context rather than copying the reference. Create a full-width dark trust section using a charcoal background (#292929) and a centered small heading in warm white (#f4f3ec). Arrange recognizable customer marks in two evenly spaced rows with generous gutters and consistent visual heights. Treat marks as monochrome white or light gray so the section feels cohesive; include faint separators or decorative plus signs only if they support the grid. Use a compact sans-serif eyebrow and preserve substantial top and bottom padding. On hover, allow a logo to brighten slightly without changing layout. Never: - use logos, product names, copy, illustrations, or imagery from the reference - include the reference’s customer names or exact logo arrangement - use bright multicolour marks against the dark background
kage