Halden Row Interiors — Luxe Interior_design Home Page for Divi 5

The layout opens on a full-viewport hero set to a minimum height of 80vh on desktop, falling to 560px on phones. A Pexels interior photograph sits behind a 68% dark overlay gradient applied identically on both sides, which holds contrast for the cream text while letting the room photography show through. The typographic hierarchy is deliberate: a Jost H4 eyebrow at 14px with 3px letter-spacing and uppercase transforms sets the studio location before a Cormorant Garamond H1 steps in at 72px (scaling to 52px on tablet, 38px on phone) with a weight of 300 and text-wrap: balance for natural line wrapping. Below the headline a short body paragraph and a two-button row give visitors a clear fork: a solid gold #c8a46a fill button for booking and a transparent ghost button for browsing the portfolio, both in Jost with 2px letter-spacing and 40px horizontal padding. A 2px solid divider anchors the bottom of the content area, above three inline Jost Text modules displaying address, service type, and current booking availability at 14px uppercase.

The second section presents five completed projects in a CSS Grid layout. The lead project spans two grid columns at a 2:1 aspect ratio for a wide cinematic read; the remaining four sit in equal 4:3 cells below it. On phones the grid collapses to a single column and the lead card resets to full width. Each card pairs a cover-fitted image with a Cormorant Garamond H3 project name and a small pill badge using a 1px warm #3a3127 border and #b3a794 uppercase label identifying the project type. The section header places the title and section label left while the "See all projects" ghost button sits flush right on a flex row with justify-content: space-between, the kind of editorial composition common in architecture and interiors publishing.

Three services follow in alternating image-text rows, each numbered with a Jost 13px uppercase label, a Cormorant Garamond H3, a Jost body paragraph at 18px, and an underlined text link. Image and text columns share equal width on desktop with 48px of inner padding as the gutter. On phones all three rows collapse to a single column, but the second service uses a negative order value on its image column so the photograph stays visually first on screen even though the text column appears earlier in the markup, keeping the image-leads rhythm consistent across all three rows.

Two full-bleed sections close the page. The testimonial places a 120px Cormorant Garamond opening quotation mark above a 42px display quote (both scaling down to 80px and 26px on phones) over a background photograph with the same overlay treatment as the hero. The process section breaks to an asymmetric two-column split, roughly one-third label and two-thirds numbered steps, using 80px Cormorant Garamond display numerals and thin #3a3127 dividers to separate three steps. The final CTA drops the gradient and lets a raw lifestyle photograph sit unfiltered behind a left-anchored #1f1a15 card with a 1px warm border, 48px internal padding, and a single gold "Book a consultation" button that repeats the hero's primary action to close the conversion loop.