Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Pale header frames a large aerial shoreline image with enormous centered SUMMER and tiny caption.
- Type
- Huge bold uppercase pale sans title, tiny uppercase caption and spaced header.
- Color and surface
- Pale cream framing, brown shoreline and light surf.
- Components
- Header navigation and inset full-width shoreline hero.
What makes it work
- Enormous centered pale sans word over an aerial shoreline with restrained header.
On a new subjectFor a seasonal nature exhibit, overlay a huge pale word on an aerial landscape under a small header.
Measured
Fonts loadedStyreneaweb, Heldanetextweb
H140px / 500
Body text16px
Page background#faf2ec
Text color#654b37
Page height12,128px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Desktop shows wave footage behind centered HERE'S TO LIFE'S SIMPLE PLEASURES headline, top Marram nav, coral Reserve action, floating booking form, and chat widget. At t2 a Thanksgiving Toast offer card appears lower-left and overlaps headline; at y=750 the hero gives way to a pale content section with a large editorial image while booking/chat/offer overlays remain. Stay hover is underlined. Tablet compresses nav to logo/reserve/hamburger; mobile keeps logo/hamburger and the offer card obscures headline and booking form, while reduced-motion capture shows headline and booking form without the offer card.
- Responsive
- At 1440x1000 full nav and centered giant title over video; 768x1024 compact logo/reserve/menu with centered title and overlapping offer; 390x844 logo/menu, centered headline partly obscured by offer. Measured document heights desktop 12152, tablet 10169, mobile 10879 CSS px (varies slightly across timed captures).
- Scroll
- At y=750, reservation hero is above the viewport and the next light section shows a large monochrome lifestyle image and accompanying heading/text; booking/chat/offer overlays persist.
