All categories

4 pages

Pages

Full example pages assembled from the module catalog — see MODULE-LIBRARY.md for how these are built.

Animated preview of the Real Design Wins page, scrolling through its sections

Real Design Wins

A full page assembled from the module catalog, replicating realfood.gov's structure reskinned to a design-agency manifesto — dark statement hero with a pinned zoom-to-fullscreen video, scroll-gated animated stats, a scroll color-fill punctuation statement, a scroll-scrubbed manifesto reveal, a scroll-gated overlapping resources stack, FAQs, and a rotating coverflow closer.

Animated preview of the Estate Agency page, scrolling through its sections

Estate Agency

A wireframe of the scroll architecture high-end property agency sites use — a 440vh cinematic opening (a centre-drawn accent line that wipes into a colour flood, clip-path stills, then a tinted closing frame that splits down the middle to uncover a light panel), a drag-to-scroll about rail, three stat columns swapping on staggered scroll points, a counter-scrolling case index, an autoplaying services rotator, a 3D card that unfolds into a full-bleed statement, a sticky split partnership scroller, a split team slider, a statement contact form, and a tabbed locations panel with live local clocks.

Animated preview of the Pilates Studio page, scrolling through its sections

Pilates Studio

A reformer studio template built as a sequence of pinned stages rather than a stack of blocks — a 328vh opening where three tilted cards converge behind one, the background turns bone to pine as the bottom-left lockup clears mid-screen, and the centre card flips onto a new frame before the whole slot lifts into the next section; a timetable where six cards fly in one at a time and land on a centre pile beside a scroll-lit class list; a statement that scales past the viewport edges without fading; an orbiting carousel between split one-word-per-line headlines; a two-panel split of blended full-bleed imagery that parts to reveal the method; portraits that rise and fan to cover a headline receding by colour rather than opacity; then a five-step process, a reasons grid, a parallax rest band, an FAQ and a wordmark marquee footer. Self-hosted Anton and Clash Grotesk via next/font/local, and module 98's split-curtain nav.

Animated preview of the Property page, scrolling through its sections

Property

A luxury villa development template with its own scroll-driven opening — a logo that draws on over a full-bleed hero while guide lines close in around a video card that wipes open to full-bleed, then sticky numbered feature stages with a swapping image, a snap card slider, a scroll-pinned details deck, testimonials, an accordion FAQ and a clean-edged sticky rule beneath the header. Built with GSAP ScrollTrigger and Lenis in its own root layout, so its 0.1rem Tailwind scale stays out of the library's stylesheet.