Northwind Architects — Bold Architecture Contact Page for Divi 5

Northwind Architects Contact is a four-section full-landing contact page built on a deliberate material palette: warm off-white (#f0f1ed), cool sage stone (#d6d8d3), near-black (#0d0d0d), and a single punch of acid yellow-green (#d4ff2a) held back for the closing CTA. The header opens with a hairline-bottom-bordered bar split into a 16/24 flex column carrying the H1 and an 8/24 column carrying a one-sentence context brief. The H1 — "Contact the studio" — is set in Archivo Black at 52 px, uppercase with -1 px letter-spacing. That compression reads as structural confidence rather than decoration. At tablet width it steps down to 40 px; on phone it becomes 32 px and the two columns stack vertically.

The functional core is an asymmetric two-column grid (10/24 image side, 14/24 form side) with a 72 px column gap. The image is constrained to 420 px wide and shaped with fully rounded top corners (999 px radius) tapering to a 32 px radius at the bottom-right only, giving it the silhouette of an architect's poche rather than a plain rectangle. Below the image, two icon-label rows (Font Awesome map pin and clock at 18 px) deliver address and opening hours in a stacked grouping that uses Space Mono uppercase labels at 12 px and Public Sans values at 17 px. The contact form sits in a Group with 40 px inset padding against #f0f1ed and a 4 px solid #0d0d0d border on all four sides — the same stamp-edge treatment used on every interactive element in the layout. Three full-width fields (Name, Email, Message) share the same sharp border, and the "Send enquiry" button starts transparent with a matching 4 px border before inverting to solid black on hover.

The FAQ section uses Divi's native Accordion module with six pre-filled items covering the practical questions a first-time architecture client actually asks: what to send first, reply time, cost of the initial meeting, NDAs, remote work, and bringing a builder. Every accordion row sits against sage stone with #f0f1ed toggles and the same 4 px solid-black border that runs through the entire layout. The section closes with a plain-text phone line — an off-ramp for clients who prefer not to write — set in Public Sans 16 px, centre-aligned.

The closing CTA section swaps the background to #d4ff2a, the only saturated colour in the layout, and delivers a horizontal two-group composition: a weight-900 Archivo headline on the left and a ghost button plus office-hours note on the right. The groups share a flex row with space-between justification and center alignment on desktop, collapsing to a left-aligned column stack on phone. All four sections carry fully responsive padding steps — 64 px desktop, 48 px tablet, 32 px phone — baked directly into each section's decoration settings, so the layout scales without any manual CSS.