Halden Row Interiors — Luxe Interior_design Process Page for Divi 5

The layout opens on a warm linen background (#f3ece0) that frames two centered headings before any service detail is given. An uppercase Jost label at 13px with 3px letter-spacing sets the section as a process page, then a Cormorant Garamond h1 at weight 300 carries the headline at 60px desktop, scaling to 46px on tablet and 34px on phone via explicit breakpoint overrides baked into the module. A 72px-wide hairline divider sits between the headline and the lead paragraph as a deliberate visual pause, and the body text is constrained to a 640px container to hold a comfortable reading measure at every viewport width. The section exits through a CSS curve divider at 100px desktop and 44px phone, bleeding the linen tone into the dark background below so the transition reads as designed rather than cut.

The timeline section uses near-black #16120e with 160px of vertical padding on desktop, compressing to 72px on phone. It is structured as a two-column flex row: the left column holds an 8/24 fraction for the section heading and a short orientation paragraph, while the right takes the remaining 16/24 for the four-step timeline. Each step is a cluster of three nested Divi Group modules: a narrow 14px-wide column containing a 14x14px square dot in antique gold (#c8a46a) above a 2px connector line in dark brown (#3a3127), and a flex-grow content block with a step label in uppercase Jost, a Cormorant Garamond h3 step title at 24px, and a single short paragraph in muted taupe (#b3a794). The four steps run from Consultation through Concept, Refine and Order, and Install and Reveal, each carrying a realistic week-range marker. On phone, columns stack and the gap between dot column and content column narrows from 28px to 20px.

The services section sits on #1f1a15, a fractionally lighter dark than the timeline that distinguishes the two sections without a hard visual break. Its right column renders eight deliverables in a CSS grid at two columns desktop, collapsing to one on mobile, with each item using a Font Awesome checkmark icon at 18px paired with a Jost text module. Because the grid is built in pairs, adding or removing items works cleanest in twos. The FAQ section on the same background splits into a header row (section label, h2, and a ghost button with a 1px #f3ece0 border as a secondary contact CTA) and a content row of six questions across two equal columns, each item separated from the one above it by a 2px top border line. The layout closes on the only fully warm section: full-width antique gold (#c8a46a) with a horizontal flex row that places the closing Cormorant Garamond h2 at 48px on the left and a dark-background primary button on the right, with a short reassurance line below the button. On phone the entire row flips to column with left alignment.