Halden Row Interiors — Luxe Interior_design Projects Page for Divi 5

The layout opens with a full-bleed hero section: a real interior photograph drawn through a 68% dark overlay over the #16120e near-black ground, so the room's warmth bleeds through without competing with the type hierarchy. The breadcrumb sits in 13px Jost at 3px letter-spacing, establishing the uppercase label language before the H1 "Selected projects" lands at 56px Cormorant Garamond weight 300 (wide, unhurried, deliberate). A 19px standfirst capped at 600px maxWidth anchors to the left edge rather than centering, which reads more like an editorial publication than a web template. On mobile the section compresses from 120px to 64px vertical padding without reflow.

The projects section is the structural core. A horizontal flex header pairs a two-line H4/H2 stack on the left ("Recent work" / "Five projects, five different briefs") with a ghost-border CTA on the right, aligned to flex-end so the button baseline meets the headline baseline. Below sits a two-column CSS grid (Divi Group, display: grid) where the lead project spans the full width at a 2:1 landscape ratio, followed by four supporting cards at 4:3. Each card carries an H3 in 22px Cormorant Garamond and a category badge (a 1px #3a3127 border pill in 12px Jost uppercase) that names the room type or scope without cluttering the thumbnail. On phones the grid collapses to a single column and image proportions hold through the enforced aspect-ratio constraint.

The third section shifts register to a "Details" gallery built from three equal Divi columns, each holding two stacked images at alternating aspect ratios (4:5 and 4:3 in different orders per column). The ratio variation creates the staggered-height rhythm you would normally achieve with JavaScript masonry, but here it is entirely native CSS inside Divi Groups with no custom code. The section header runs across an asymmetric 14/24 + 10/24 row split: most of the visual weight falls left on the H2 ("The small things that carry a room"), while the right column carries quieter body copy in 17px Jost taupe (#b3a794), a classic editorial move that gives the gallery space to breathe.

The page closes on a warm-gold CTA section (#c8a46a), the only departure from the near-black palette and a deliberate one: after three dark sections, the colour shift registers immediately without any animation. The H2 ("Have a house that needs this kind of attention?") sits left at 48px Cormorant Garamond; a filled dark button ("Book a consultation") plus a 14px scarcity note stack on the right. The block switches to a single column on mobile, preserving the heading-then-CTA reading order throughout.