Skip to content

Harlow Ridge

  • Concept
  • Landing page
  • UI/UX
  • Motion
  • Real estate
Harlow Ridge: the landing page on a laptop resting on an oak cabinet in an empty home, beside a house model and a set of keys

Concept · The brand, homes and figures are fictional. A Navx Studio demo.

The page sells a head start: see a home a week before it reaches the portals.

One page holds seven filterable homes, a payment calculator, the Alder & Fifth build progress and the neighborhood by the numbers.

Industry
Real estate · New development · USA
Year
2026
Stack
HTML · CSS · JavaScript, no libraries · Claude Code
Signature motionThe hero photo opens like a window, mullions showing, then the listing card slides in.
Seven homes for sale with filters by type, bedrooms and price

Seven homes, three not on the portals yet.

Filters by type, bedrooms and price.

The Harlow Ridge landing page, top to bottom
Harlow Ridge on mobile: hero, home listings and showing request

Hero, home, showing.

The full path in a single column.

Details: home filters, payment calculator and build progress

Filters · Payment calculator · Build progress

Visual system

Charcoal

#1A1A1A

Sand

#F4F0EA

Bronze

#C28A45

Label

#8C5E2A

Typefaces

Fraunces

Headlines

DM Sans

Body

Next project

BRA Cookware
  • Ecommerce
  • Amazon
  • Shopify