Built entirely in Vantage
This whole page — the glass nav, the marquees, the sliders, the scroll motion — was built visually in Vantage and ships as clean, fast HTML. Scroll through to learn exactly how.
TRUSTED BY TEAMS WHO SHIP FAST
What you’ll master
Sections, stacks and grids that stay perfect on every screen.
Springs, hovers and scroll transforms that feel physical.
Colour, type and spacing tokens — restyle everything at once.
Zero-JS output that scores in the 90s and loads instantly.
What you can build
Swipe →
A launch page with a scroll-scrubbed hero and a pinned feature scene.
An editorial portfolio with marquee wordmarks and a work carousel.
A product site with a plan toggle, testimonials slider and FAQ.
A WooCommerce storefront with a live products grid and clean cards.
Chapter 01 · Type
The single move that makes a page feel designed: set most of a heading in a tight sans, then drop one word into an italic serif. In Vantage you build the heading as a Row of inline Text spans and give the accent word a serif font.
Add a Row (Frame set to horizontal, align = baseline, wrap on).
Drop several inline Text spans (width = Hug) to make one headline.
Give the accent word the Instrument Serif font and Italic style.
Keep everything else in Space Grotesk / Inter for the crisp sans contrast.
Chapter 02 · Motion
Tie any property — move, scale, rotate, opacity, blur — to how far an element has travelled through the viewport. Stack several channels for rich, physical parallax. These chips are doing it right now as you scroll.
Drifts up and fades in as it scrolls into view.
Starts small and blurred, then sharpens to full size.
A gentle rotation that tracks your scroll exactly.
Select the element and open Interactions → Scroll transform.
Click “+ Add scroll transform” and pick a property.
Set From and To — e.g. Move Y From 80 To −20.
Add more channels on the same element (Scale + Blur) to combine them.
Use Start % / End % to limit a channel to part of the scroll.
Two ways to begin
Both open the same visual editor. Start from nothing, or drop a full template (like this one) and make it yours.
Loved by makers
Vantage made me feel like a designer, not a developer. The scroll motion sold my client instantly.
The output is genuinely clean. My Lighthouse score went up, not down — unheard of for a builder.
I shipped a full portfolio in an afternoon. The template did 80% and I made it mine.
FAQ
Everything people ask before they switch.
Does Vantage really ship no JavaScript?
Static pages ship pure HTML + CSS. Interactive bits (sliders, scroll motion) load one tiny opt-in script — nothing per-component.
Can I replace these images with my own?
Yes — every image here is a placeholder. Swap it for one from your WordPress Media Library in a click.
Will it work with my theme?
Design a page on a blank canvas, or set your own header/footer to replace the theme chrome entirely.
Is it responsive?
Every element has per-breakpoint overrides. Design desktop, tweak mobile, done.
Open Vantage, drop a Section, and build the site you just scrolled through. Everything here is one drag away.