Three complete website concepts for Colonial Homes — each with a distinct voice, typography system, and scroll experience. Tap any card to walk the full site. All content is drawn from the real Colonial Homes business.
Apple-inspired editorial. Warm off-white, generous whitespace, display serif paired with a clean sans. Big quiet headlines, alternating light/dark sections, a horizontal-scrolling portfolio marquee.
Approachable luxury. Warm ivory with soft charcoal and a dusty sage accent. Newsreader serif paired with DM Sans, rounded cards, a friendly "Meet the family" section, and a staggered portfolio grid. Aspirational — but it still feels like your home.
Cinematic scrollytelling. Cream + forest ink + brass. Full-screen pinned chapters — The Land, The Design, The Build, The Legacy — with word-by-word hero reveal, a progress rail on the side, and crossfading backgrounds.