Evermore Weddings — Elegant Wedding_planner Real Weddings Page for Divi 5

The layout opens with a full-width hero built around a Pexels photograph of a flower-covered seaside arch, darkened by a uniform navy gradient overlay at 68% opacity that holds readable contrast across any image you swap in. Desktop padding sits at 120px top and 104px bottom, stepping down to 64px and 56px on mobile, so the section breathes without crowding smaller screens. A 13px Cormorant Garamond breadcrumb anchors the hierarchy above an H1 set at 56px (42px tablet, 32px phone), followed by a Lora 19px subheadline capped at 600px wide. The two typefaces set the tonal contract for the whole page: Cormorant Garamond carries all display copy in deep navy #2f3a4a, while Lora carries body text and button labels throughout.

The featured weddings section uses a CSS grid that places the lead couple in a full-width 2:1 cinematic card before four 4:3 portrait cards fill the two-column grid below. Each card carries a 24px border radius and a signature detail: a dotted-border pill badge in 12px Cormorant Garamond naming the venue and guest count. That dotted-pill motif reappears on the section ghost button and on every testimonial card border, connecting visual decisions across all four sections. On mobile the grid collapses to a single column with all cards stacking at full width.

A moments section follows with a deliberate shift in texture: the three-column photo grid drops rounded corners entirely, using 0px border radius for a straight-edged editorial feel that contrasts the soft gallery cards above. The columns interleave 4:5 portrait and 4:3 landscape images so column heights stay visually close without being identical. The section intro splits across two unequal columns (roughly 58% for the H2, 42% for a short body line in Lora 17px) so the heading has room to breathe while the descriptor sits at reading weight alongside it rather than below.

Each testimonial sits inside a white card with a 2px dotted dark-navy border set on the warm linen background (#f6f1ec). A quote runs in Lora 19px at 1.6em line height, and the attribution row below pairs a 56px circular avatar photo with the couple name in bold Lora and venue in muted slate. Cards use justifyContent: space-between so the attribution always pins to the bottom regardless of quote length. The page closes with a dusty-blue CTA band (#8da7c4), the only section that breaks from warm linen, carrying a 48px Cormorant Garamond headline and a pill ghost button. The palette shift signals a clean tonal close without requiring a heavy dark block.