Overview
A bento-style homepage in concrete gray with a signal-red edge. Moving red text runs down both sides of the first screen, a circular stamp calls out first-time buyers, and most headlines are lowercase and end with a full stop.
What is on the page
- Bento-grid first screen with vertical scrolling text rails on both sides and a circular first-time-buyer stamp
- Market figures, a four-step process and dated open houses on the home page
- Neighborhood list with school score, walk score and median price for each area
- Guides and essays list, plus a buyer FAQ and testimonials
Color and type
- Signal red#FF2A00
- Orange#FF7A00
- Black#000000
- Grid gray#B5B5B5
- Off-white#F0F0F0
- Display
- Archivo Black
- Headings
- Space Grotesk
- Body
- Inter
Design decisions
A bento grid instead of a hero image
The first screen is a set of cells, each with its own job: the name, a featured home, the agent, a buyer’s guide and a call to talk. A visitor sees several next steps at once.
Lowercase with a full stop
Headlines such as “properties.” and “let’s talk.” are set heavy and lowercase. It sounds like a person, which suits a site aimed at nervous first-time buyers.
Color on demand
Property photos are grayscale until hovered. Signal red is kept for rails, tags and the contact button, so the page stays loud without turning noisy.
The same site at laptop width and at phone width, captured from the live demo.
The full home page in one long capture, moving as you scroll.
Next project
Black and gray spec sheet
- Minimal
- Urban