Queen Elizabeth II Garden
Design explorations
Landing-page directions for the QEII Garden site, all built on one brand system. Click through to explore each concept.
Pages
- 01Editorial DarkFramed inset cards, arrow-masked hero, studio typography and the garden film lightbox.
- 02Scroll WorldA pinned full-bleed hero where scrolling scrubs the garden film, Apple-style.
- 03The ClassicSplit pink hero, marquee, stats, gallery slider and video feature. The original direction.
- 04Centre StageFull-bleed pink hero with a centre-mode looping video slider and floating nav pill.
- 05Split ScrollThe arrow-masked split hero with the scroll-driven film playing inside the shape.
- 06ContainedThe split-scroll concept held in a centred 1280px column on the dark canvas.
- 07Editorial, ContainedThe editorial-dark concept held in a centred 1536px column on the dark canvas.
- 08Sage & PaperThe editorial concept in a lighter palette: paper cards on warm stone, garden greens in place of pink.
Components
- 01Navigation LabThe editorial header at every width strategy: full-bleed, contained, and full-width bars with contained content.
- 02Banner LabThe design07 split hero at every width strategy, plus a compact height for interior pages.
- 03Scroll-World Banner LabThe two scroll-scrubbed video heroes: the full-bleed pinned banner and the split arrow-masked scroll hero.
- 04Matterport LabThe 3D virtual-tour embed of the garden.
- 05About-us LabEvery About section component side by side: card grid, statement with gallery slider, and photo panel with icon pillars.
- 06Events LabEvery Events section component side by side: the card grid and the hairline list rows with the virtual-tours callout.
- 07Donate LabThe rounded-panel donate card and the full-bleed editorial donate panel, side by side.
- 08Footer LabThe one Footer component at its two width configurations: centred column and full width.
- 09Remembrance LabThe September 11th memorial section, the page's quietest moment.
- 010Marquee LabThe scrolling brand ribbon in both colourways: charcoal and brand pink.
- 011Gallery LabThe draggable 'Moments in the garden' slider as a standalone section and as an embedded strip.
- 012Stats LabThe four-up impact numbers band.
- 013Get Involved LabThe volunteer appeal split card paired with a photo.