Larkspur Home Co. — Minimal Real_estate About Page for Divi 5

Larkspur Home Co. is structured as four clearly differentiated sections, each carrying a distinct visual weight so the page reads as a full brand story rather than a stack of independent blocks. The hero pairs a left-column text group with a right-column property image inside a 1296px-max-width row. The headline is set in Fraunces at 64px with a 1.02 line-height — tight enough to feel authoritative, open enough to stay readable at that size. Below it, an Inter 18px body paragraph and a dual-button group (a filled forest-green primary and a matching ghost variant) give visitors two momentum options without cluttering the column. A single social-proof line in Inter 13px — three stats separated by mid-dots — sits below the buttons at low visual weight, letting the numbers register without competing with the CTA. Section padding on the hero is 130px vertically on desktop, stepping down to 80px on tablet and 48px on phone; every other section follows a comparable step-down rhythm so the layout never feels cramped on small screens.

The principles section introduces the page's card pattern: three white columns on the shared #F3F6F1 sage-tinted ground, each bordered at 1px in rgba(31,111,92,0.15) — a near-invisible ghost of the brand green that implies structure without adding visual noise. Cards carry 36px of internal padding, a left-aligned FontAwesome icon at 28px in #1F6F5C, and a Fraunces h3 at 22px above an Inter body paragraph at 17px. The amber eyebrow label (#B8844A) heading this section is a deliberate palette decision: it keeps the primary green (#1F6F5C) reserved for interactive elements and icons, while the amber reads as a navigational marker that signals a shift in register from the hero's direct CTA tone to the brand's values layer.

The testimonials section repeats the centered header pattern — eyebrow, Fraunces h2, constrained subtext — then drops into a three-column Divi Testimonial grid. These cards are white with a 1px #D0DDD6 border and no corner radius, a deliberate departure from the 4px-radius principles cards that prevents the page from feeling templated. A centered CTA button row closes the section so readers who have reached the social proof can convert without scrolling back to the hero.

The closing section inverts the palette to #10231F near-black, reversing all type to #F3F6F1. The Fraunces headline lands at 62px, dropping to 44px on tablet and 34px on phone; the body paragraph is constrained to a 600px max-width and centered, keeping it from stretching uncomfortably on wide screens. A forest-green CTA button and a muted contact line — phone, email, and hours in Inter 14px at 55% opacity — complete the section. On mobile the padding compresses to 64px and every element remains visible; nothing is hidden or collapsed at any breakpoint.