Overview
A site that looks like a technical data sheet: black and gray only, a vertical name along the left edge, monospaced labels, reference numbers and coordinates. Listings run as tables with status tags, beside a photo grid.
What is on the page
- Listings as a table with reference numbers and sale status, beside a photo grid
- Off-market homes shown blurred, with access on request
- Market figures, credentials and a dated timeline
- Dot map of the neighborhoods, a pointer-following blob and a crosshair cursor
Color and type
- Paper#E6E6E6
- Black#000000
- White#FFFFFF
- Row gray#EEEEEE
- Muted#AAAAAA
- Headlines and body
- Inter
- Labels, references and data
- JetBrains Mono
Design decisions
No color at all
Everything is black, white or gray and every photo is grayscale. Structure and type have to do all the work, which is why the layout stays so tidy.
Data as decoration
Reference numbers, a barcode and map coordinates fill the spaces other themes use for flourishes. They also make the agent’s method look like a system.
A name set as a spine
The agent’s name runs vertically along the left edge of every page, so a plain site still has one memorable, ownable mark.
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
Dark luxury, full-bleed photography
- Luxury
- Modern