01
Primary conversion
A four-step consultation dialog with choice persistence, validation, review, loading, retryable error simulation, duplicate-submission prevention, cancellation, and success state.
Home, Design & Construction
Marlowe House — Luxury Interior Design Studio
Marlowe House is a fully responsive, front-end portfolio and lead-generation website for a fictional London luxury interior design studio. It is built as a client-ready demonstration rather than a passive concept board.
Home, design, and construction websitearchitecthomeinteriormaterial
Visit live website ↗architecture-interiors.vercel.app
Project type
Home, design, and construction website
Industry
Home, Design & Construction
Experience
Responsive web experience
Availability
Live deployment
Project overview
Inside the Marlowe House — Luxury Interior Design Studio experience
Marlowe House is a fully responsive, front-end portfolio and lead-generation website for a fictional London luxury interior design studio. It is built as a client-ready demonstration rather than a passive concept board. The primary conversion is a multi-step design consultation request that records project intent, practicalities, contact details, review, demo submission, retryable error, and success state.
The experience follows the House of Clarity direction: human editorial modernism expressed through a burgundy-blush paper system, Bodoni Moda display typography, DM Sans interface text, material-study imagery, numbered annotations, and the signature Folio Arc chapter navigator.
Primary conversion | A four-step consultation dialog with choice persistence, validation, review, loading, retryable error simulation, duplicate-submission prevention, cancellation, and success state.
Experience details
Key features and interaction highlights
02
Project archive
Search, category filtering, sort control, active filter state, count, clear action, no-results state, motion layout updates, project cards, and project detail links.
03
Material moodboard
A selectable material list that opens a keyboard-dismissable detail drawer with a direct path into material-advisory booking.
04
Before / after
An accessible range input controls the visual reveal. The control remains usable by touch, mouse, and keyboard.
05
Editorial content
Project detail, service detail, studio, process, journal, article, and contact experiences with meaningful internal links.
06
Folio Arc system
The home page uses a fixed arc for scroll progress and direct section navigation. Long inner pages use a functional numbered ring-and-tick chapter rail.
Visual gallery
Desktop details and mobile experience
Three genuine captures from the live deployment show the opening view, an interior content section, and the responsive mobile composition.
Build characteristics
Technology and delivery signals
Labels come from project documentation where available; conservative delivery characteristics are used when a repository does not specify its stack.
ReactTypeScriptViteTailwind CSSGSAPFramer MotionWoutershadcn/ui
Project FAQ
Questions about Marlowe House — Luxury Interior Design Studio
What is Marlowe House — Luxury Interior Design Studio?
Marlowe House is a fully responsive, front-end portfolio and lead-generation website for a fictional London luxury interior design studio. It is built as a client-ready demonstration rather than a passive concept board.
Who is the Marlowe House — Luxury Interior Design Studio website designed for?
Homeowners and project stakeholders comparing services, materials, capabilities, and outcomes.
What does the Marlowe House — Luxury Interior Design Studio experience include?
The documented experience includes primary conversion, project archive, material moodboard, before / after. The live website shows the complete interface and interaction flow.
Can I view Marlowe House — Luxury Interior Design Studio online?
Yes. Use the “Visit live website” link on this page to open the current public deployment.
