Halcyon Dental — Minimal Dental Contact Page for Divi 5

The layout opens with a clean white header section divided into an asymmetric 16/24 + 8/24 column split. The wider left column carries a breadcrumb trail and an H1 set in Manrope 700 at 52px desktop, stepping down to 40px on tablet and 32px on phone, with a tight -1px letter-spacing that reads as composed rather than clinical. The narrower right column holds a single Nunito 18px sentence framing the page's purpose. A 1px #cfe6e1 hairline at the section's bottom edge closes the introduction without adding visual weight.

The main section sits on an #eaf6f3 mint background and divides into a 10/24 + 14/24 column ratio on desktop. The left side lists four contact details -- email, phone, address, and hours -- each row pairing an 18px Font Awesome solid icon in #10343a with a 12px uppercase Nunito label in #4c6a6e and a 17px value in the deep #10343a. Rows are separated by 1px #cfe6e1 top borders rather than boxes, so the list reads as a single cohesive block rather than four separate cards. On the right, the form lives inside a white #ffffff card with a 16px border radius, a #cfe6e1 border, and 48px internal padding. The three fields -- Name, Email, and Message -- fill the full card width and use the #eaf6f3 mint as their background, embedding them visually into the page surface rather than interrupting it. The submit button pulls the action teal #0f7c80 from the palette. On tablet and phone, both columns become full-width and stack.

The third section returns to the mint background for a centred FAQ block. A Manrope 44px H2 sits inside a 720px max-width container with text-wrap: balance to prevent ragged breaks at any viewport width. Below it, six accordion items are grouped at 800px wide. Each toggle title is Manrope 19px at 600 weight; answers use Nunito 16px at 1.7em line-height in #4c6a6e. The accordion shares the same 16px border radius and #cfe6e1 border as the form card, so the same design grammar holds across the page without repetition reading as laziness.

The layout closes with a full-width #0f7c80 teal CTA band. A white Manrope 48px H2 occupies the left side of a horizontal flex row; a white 'Book a visit' button with a #10343a text and a short reassurance line sit on the right. On phone, the row flips to a column with left-aligned text. Section padding scales consistently from 104px desktop to 72px tablet to 48px phone throughout every section, giving the mobile layout the same breathing room as the desktop without any custom CSS overrides.