peerspace.com
Design analysis
A white split layout pairs an activity headline and dense category list with one large vertical image, then closes with a browse button.
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/peerspace-com/2a6d29c3-21bf-4d34-8c1e-93824205de9d-1789146240-3.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/peerspace-com/2a6d29c3-21bf-4d34-8c1e-93824205de9d-1789146208431-full.webp - Component on Kage: https://kage.design/component/peerspace-feature-grid ## Before you start Ask what the user's product, audience, and brand are, then adapt this discovery pattern to their taxonomy. Create a spacious white two-column discovery section. Put a large left-aligned heading and supporting sentence above a multi-column list of selectable activity categories, followed by a dark filled browse button. Place one tall, high-quality image in the right column with a tiny vertical editorial caption along its outer edge. Use black text, muted gray secondary labels, 48–64px desktop heading typography, 24px column gaps, and a restrained 4–8px button radius. On mobile, stack the image below the category list and make categories wrap or become horizontally scrollable. Never: use the reference logo, product name, exact copy, illustrations, imagery, or distinctive brand assets.
kage