Kage Design logo kage
peerspace.com
peerspace.com hero component

Design analysis

A full-width lifestyle image, prominent search form, and oversized two-line statement establish the marketplace proposition immediately; a black lower panel gives the headline strong contrast.

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-1.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-hero

## Before you start
Ask what the user's product, audience, and brand are, then adapt this pattern to their product.

Create a full-bleed hero with a cinematic lifestyle image occupying the upper portion and a dark lower copy field. Place a prominent, horizontally segmented search form near the image-to-copy transition with fields for intent, location, timing, and a single filled submit button. Use an oversized bold sans-serif headline with tight line-height, white text on the dark panel, and a small editorial location/category caption aligned to the far edge. Preserve generous negative space and make the search bar collapse into stacked fields on mobile. Use approximately #111111, #FFFFFF, and a restrained neutral gray; use 12–16px radii on the form and buttons.

Never: use the reference logo, product name, exact copy, illustrations, imagery, or distinctive brand assets.

More components