Halden Row Interiors — Luxe Interior_design Contact Page for Divi 5

The Halden Row Interiors Contact page is built across four sections, each occupying its own step in the same warm-dark palette: a near-black header at #1f1a15, a deeper anchor section at #16120e that carries both the contact details and the inquiry form, a second #16120e FAQ section, and a final CTA band in burnished gold #c8a46a. The two darks are not the same value (the header reads slightly warmer, creating a subtle descent into the page), and the border accent #3a3127 appears as a hairline across every ruled element, from the bottom edge of the header section to the dividers between contact rows and FAQ items. Padding is tiered at every breakpoint: 160px vertically on desktop compresses to 112px on tablet and 72px on phone, so the generous breathing room the layout needs at full width does not bloat the mobile experience.

The header row runs two columns with a flex structure that holds nowrap on desktop and collapses to a single stack on phone. The left column, set to 16/24, carries a breadcrumb in Jost at 13px with 3px letter spacing and the H1 "Begin a conversation" in Cormorant Garamond at 52px, weight 300, in cream #f3ece0. The right column at 8/24 holds a single introductory sentence in Jost at 18px with 1.6em line height. The ratio between the two columns keeps the heading dominant without crowding the supporting copy, and the bottom border on the section acts as the only visual separator between the header and the body.

The main section splits into a 10/24 contact-details column and a 14/24 form column, placing slightly more visual weight on the form side. The left column stacks four icon-labeled contact rows, each separated by a 1px top border in #3a3127. Every row uses a Font Awesome icon at 18px in cream, with a 12px uppercase warm-tan label above a 17px value line in #f3ece0. The form lives inside a bordered card with its own #1f1a15 background, a 1px perimeter border, and 48px inner padding on all four sides, scaling to 36px on tablet and 24px on phone. Inputs are styled with the deeper #16120e fill, #b3a794 borders and placeholder text, and a 16px vertical and 40px horizontal padding. The submit button labeled "Send enquiry" is the only gold element in this section: #c8a46a background, dark #1a1409 text, uppercase Jost with 2px letter spacing.

The FAQ section uses a full-width centered group capped at 1080px, with the heading container narrowed to 720px for a comfortable reading measure. Five Toggle modules sit beneath a 2px cream top rule on the group, each carrying its own 1px bottom border in #3a3127. Toggle titles use Cormorant Garamond at 28px on desktop and 20px on phone, with 28px top and bottom padding on desktop reducing to 20px on phone. The closing CTA section is the only one that breaks the dark scheme entirely: a solid gold #c8a46a band with a weight-300 Cormorant Garamond headline at 48px, a reversed dark button in #1f1a15, and a small Jost trust note below the button. On desktop, the headline and button group sit side by side with justifyContent: space-between; on phone they stack column with left alignment.