Halden Row Interiors — Luxe Interior_design Services Page for Divi 5

Full Landing Interior Design Luxe

Full-service interior design, kitchen and bathroom design, sourcing and styling from Halden Row. Fixed fees, trade pricing, one calm point of view.

Rate this element

Be the first to rate

Download this section, free

Divi 5 JSON, imports in seconds
Commercial license included
No account needed

Part of a theme pack

This page ships inside Halden Row: Luxury Interior Design Studio Theme (6 Pages), 6 coherent pages that share one brand.

$12.00one-time, commercial license

See everything in the pack

Click to view the full page

Overview

The layout opens on a near-black header section (#1f1a15) using a split two-column row: a breadcrumb text module and Jost 18px lead paragraph on the right occupy a narrower flex column, while the left carries the H1 "Services" in Cormorant Garamond at 52px, 300 weight, 1.15em line height, stepping to 40px on tablet and 32px on phones. Section padding compresses from 72px/64px at desktop to 40px/36px on phones, keeping the header band tight. A 1px bottom border in #3a3127 draws a precise seam into the next section without any decorative device.

The second section gives the services themselves 160px of vertical space at desktop, reducing to 72px on phones. A Divi Accordion module with four items (Interior design, Kitchens and bathrooms, Sourcing and procurement, Styling and installation) sits in a 12/24 flex column; each title is Cormorant Garamond 20px and body copy Jost 16px in taupe #b3a794. The first item opens by default. The right column holds a 4:5 portrait image with objectFit cover. On phones the row wraps to column with the text stacking above the image and 32px of bottom padding separating them cleanly.

The third section builds its comparison entirely from Divi Group and Icon modules, no custom code or shortcodes. A dark card (background #1f1a15, 1px #3a3127 border) lists four friction points beside FontAwesome times icons in taupe; the adjacent cream card (#f3ece0) lists four resolutions beside dark check icons, closing with a "Start the conversation" button whose background is the same dark brown as the page, creating a clean tonal reversal. Both cards share 44px internal padding at desktop, stepping to 24px on phones, with a 24px column gap. The cream card is the only warm-light surface in an otherwise near-black layout, which gives it immediate hierarchy without a badge or star graphic.

Pricing occupies a fourth section on #1f1a15 with a CSS grid container: two columns at desktop, one on phones. The "Room design" card sits on #16120e with a ghost outline button; the "Full home" card sits on cream and carries a "Recommended" label in spaced Jost uppercase and a solid dark button. Both price numerals are Cormorant Garamond 56px, 700 weight, with -1px letter spacing for density. A dedicated FAQ section follows, using five Divi Toggle modules separated by 1px bottom-border dividers, questions in Cormorant Garamond 28px, answers in Jost 17px taupe. The layout closes on a warm gold band (#c8a46a) with a flex-row CTA: H2 heading on the left, button group on the right, collapsing to a column on phones with left-aligned text.

What’s inside

Page-header section with breadcrumb Text module, Cormorant Garamond H1 at 52px/300 weight, and a Jost lead paragraph in a split two-column row
Four-item native Accordion module (Interior design, Kitchens and bathrooms, Sourcing and procurement, Styling and installation) with the first item open by default
4:5 portrait image module with objectFit cover paired alongside the accordion in a vertically-centered two-column row
Side-by-side comparison section: dark "con" card with FontAwesome times icons vs cream "pro" card with check icons and an inline CTA button, built entirely from Group and Icon modules
Two-card pricing section in a CSS grid (2-up desktop, 1-up phone) with Cormorant Garamond 56px price numerals, icon-and-text feature checklists, and individual consultation buttons per card
Five Toggle module FAQ items with 1px bottom-border dividers and zero horizontal padding, presenting a clean stacked Q&A list
Warm gold closing CTA band (#c8a46a) with a flex-row heading-and-button layout that wraps to column on phones
Three-stop dark palette (#16120e, #1f1a15, #3a3127) plus cream (#f3ece0), taupe (#b3a794), and a single warm gold accent, all applied at the section and group level

Who it’s for

This layout suits independent interior designers, boutique renovation studios, and residential architects who need a services page that communicates process and price with confidence rather than just mood. It also fits luxury kitchen and bathroom specialists, bespoke joinery studios, and home-staging practices whose offer separates into distinct scopes of work. The structured comparison section translates well to any consultancy where a prospect arrives having already tried the DIY route, such as a property developer's in-house design team or a high-end landscape architect explaining why a managed project costs more than a planting plan alone.

Customization tips

The dark palette is applied at the section background level, so changing #16120e and #1f1a15 in your Divi global preset will repaint all section backgrounds, card fills, and button states at once. The taupe #b3a794 appears as a secondary text color on every body module; replace it with a tint of your new primary. Cormorant Garamond and Jost are set per-module, not via a global font, so a find-and-replace pass through the JSON is the fastest way to swap the pairing.

Accordion body copy works best at 20 to 35 words per item. The comparison card rows are single-line items; keep each under 8 words so the Icon and Text modules stay on one line at tablet width. The pricing cards carry Cormorant numerals at 56px, which accommodates a currency symbol plus a comma-separated number without overflow, but a two-line price string will break the card proportions. The portrait image in the services section is constrained to a 4:5 ratio with objectFit cover, so supply a photo at least 800px wide and 1000px tall and compose the main subject in the center to avoid cropping surprises on smaller breakpoints.

How to install this layout

Download the layout JSON file from this page.
Open the target page in the Divi 5 builder.
Open the portability panel (up/down arrows icon) and choose the Import tab.
Upload the JSON. Tick “replace existing content” only for full-page imports.
Check the page at desktop and mobile widths, then swap in your copy and images.

Full walkthrough with troubleshooting: How to Import a Divi 5 Layout.

Questions about Halden Row Interiors — Luxe Interior_design Services Page for Divi 5

How does the Accordion module in the services section behave?

It uses Divi 5's native Accordion module with four items. The first item has the open flag set to on, so it expands on page load. Clicking any other title expands that item and closes the rest. You can reorder items or add more directly in the Divi visual builder without touching JSON.

Does the comparison section require any custom code?

No. Each card is a Divi Group module with a background color, internal padding, and a series of nested row groups containing an Icon module and a Text module side by side. Everything is editable through the standard module settings; swapping the X icons for a different FontAwesome glyph means changing the unicode value in the Icon module.

What image dimensions work best for the services portrait photo?

The image module locks the aspect ratio to 4:5 with objectFit cover. Supply a portrait-oriented photo at minimum 800px wide and 1000px tall. The crop is center-anchored, so keep your subject away from the top and bottom edges if you want control over what appears at narrower viewport widths.

How do the two pricing cards stack on mobile?

The containing Group is set to a CSS grid with gridColumnCount 1 on phones, so both cards become full-width and stack vertically, the dark Room design card above the cream Full home card. The Recommended label on the second card stays visible. Internal padding steps down to 24px on all sides to keep the card content readable without scrolling.

Can I add more FAQ toggles without breaking the divider lines?

Yes. Each Toggle module carries its own 1px bottom border in its decoration settings, so inserting additional toggles simply extends the list. There is no outer container border or fixed-height wrapper that would need adjusting.

What is the first thing to edit after importing this layout?

Start with the two CTA buttons (Start the conversation, Book a consultation) and add your actual booking or contact URL. Then update the price figures and feature lists in the pricing cards to match your real offer. The accordion service descriptions and FAQ copy are written as working placeholder content, so review those second.

Which Divi version does this layout need?

Divi 5. The layout is generated natively for Divi 5 and validated against its real module structure before publication, so it imports clean into the current builder.

Can I use this layout on client websites?

Yes. Every download includes a commercial license covering unlimited sites you own or build for clients. Only reselling or redistributing the layout file itself is prohibited.