Larkfield Day School — Editorial Education Contact Page for Divi 5

The Larkfield Day School Contact layout takes an editorial approach to what is typically a purely functional page type. The opening section acts as a masthead: a two-column strip on a white background (#ffffff) uses a breadcrumb trail and an H1 set in Playfair Display at 52px to establish purpose immediately, while a short introductory sentence in the right column keeps the tone unhurried. A 1px warm-sand bottom border (#e3dccf) draws a deliberate line between this orientation strip and the content below before the eye moves down the page.

The main content section sits on a warm cream ground (#faf7f2) with 120px of vertical breathing room. The asymmetric two-column grid weights the left side at 10/24 units and the right at 14/24, with a 72px column gap that gives both sides room to read independently. On the left, a 4:5 portrait image uses pill-shaped top corners (999px radius) and modest 32px bottom corners, a shape that reads as considered without being decorative for its own sake. Beneath it, two icon-and-text rows (Font Awesome map-pin and clock at 18px in near-black #1c1a17) present the school address and office hours without reaching for a sidebar. On the right, a Source Sans 3 uppercase label heads an H2 in Playfair Display at 40px, followed by an intro line with phone and email, and then a three-field contact form set inside a white card with a 1px sand border. Field interiors use the same warm cream as the section background so they read as inset rather than floating. The submit button introduces the layout's single accent color, brick terracotta #9a3b1f, which reappears only in the closing CTA section.

The FAQ section occupies a second cream-background block, centered around a Playfair Display H2 at 44px and six accordion items, each with a serif toggle title at 19px and Source Sans 3 body copy at 16px with a generous 1.7em line-height. The accordion sits inside a max-width container of 800px to keep line lengths from stretching across large viewports. A quiet "Prefer to talk?" line beneath the accordion echoes the phone number without duplicating the primary CTA pattern.

The closing section switches to solid terracotta and arranges an H2 in white Playfair Display at 48px against a white "Book a tour" button in a horizontal row balanced across the full container width. On phone breakpoints the row collapses to a left-aligned column, keeping the button directly beneath the heading. Vertical padding steps down systematically across all four sections (120px / 80px / 56px) so the rhythm holds at every viewport without manual overrides on individual modules.