Vesper: referral waitlist landing page template
A pre-launch page for a list people move up by inviting friends, with a waiting line beside the headline. Set rewards in your referral settings and the page shows them.
Luxe. Dark, quiet and invite-only: a warm near-black page, large serif headlines, small capitals, thin hairlines and ivory buttons, with the accent color as a small detail. Suits premium, members-only and limited-release products.
Vesper is a made-up product, so its numbers and quotes are examples. Your page is written about your product, and a section that needs facts only you have, like a price or a customer quote, is left out until you add it.
What is on this waitlist landing page
10 sections, top to bottom. A waiting line beside the headline, then the live count, how to move up, the rewards and the top referrers. Every section can be edited, moved or removed in the editor.
Navigation
Your name, links and a button at the top.
Hero
"Your email, twice a day."
The headline, a line of support and the signup form.
Signup count
How many people have signed up, counted live.
Benefits
"Email on your schedule"
Reasons to sign up, as cards, columns or rows.
Steps
"Three steps to an invite"
How it works, in order, as columns or a timeline.
Referral rewards
"What your invites earn"
What people earn for referring friends.
Leaderboard
"Top of the list"
The people who referred the most signups.
Questions
"Before you join"
Answers to the questions people ask first.
Call to action
"Take your place in line."
A closing headline with the signup form.
Footer
Small print and links, at the bottom of the page.
9 more blocks you can add
Vesper is a starting set, and the page is yours to build on. Add any of these from the editor's Add block list, wherever you want it on the page.
Logos
A row of customer or partner names.
Numbers
A few numbers that make the case.
Quotes
What people say about it.
Pricing
Your plans side by side, with one marked as the pick.
Story
A few paragraphs, or a signed note from you.
Media
One image, a video, or a gallery of screenshots.
Countdown
The days, hours and minutes left until your launch date.
Signup form
Your signup form on its own, anywhere on the page.
Updates
Your latest published updates, with a link to all of them.
Who this pre-launch landing page is for
A product that opens by invitation
Vesper sends invites from the front of the list each week. If you let people in by place, the page explains the rules for you.
A launch that spreads by word of mouth
Every signup gets a personal link, and the steps section tells them what sharing it does.
A list with rewards to give
The rewards section shows what people earn for referring friends, read from your referral settings.
What to change first
The three steps
They say how someone joins, shares and gets in. Check them against your referral settings, so the page promises what your list does.
The rewards
Set your rewards in your referral settings and the Referral rewards block shows them. Until then it stays off the public page. Rewards come with the Collect, Launch and Grow plans.
The pace of invites
Vesper promises 200 invites every Friday. Put your own pace in the badge and the questions, or take the number out if you have not decided.
Change anything on the page
The template is where you start. Beyond its 8 styles, the editor lets you change how every part of the page looks and reads.
Set the accent color, the fonts and the corners once, and every section follows.
Each block comes in finished layouts, so a section can change shape and keep its words.
Drag a section to a new place, duplicate it or delete it. Add block puts a new one where you want it.
Say what you want changed in a sentence and the page is edited for you, with an Undo on every change.
Check the draft at desktop and phone width. The live page changes only when you publish.
Add your logo, and set the title, description and share image a pasted link shows.
Questions about the Vesper template
Does everyone who joins get a referral link?
When does a friend count toward someone's place?
What do the count, the rewards and the leaderboard show before anyone has joined?
Can people cheat a viral waitlist with fake signups?
How does someone move up the waiting list?
Ferry: Developer tool waitlist landing page template
The headline beside a terminal, then a quickstart, a changelog and a pricing table.
Preview template
One screen: Coming soon waitlist page template
Your logo, your project's name, one line and the signup form, centered on a single screen.
Preview template
Relay: SaaS waitlist landing page template
A full product page for software in private beta, led by a screenshot of the app.
Preview templateStart building your product waitlist.
Create your page, collect your first signups, and grow from there.