V1 — Launchpad (SaaS)
Feature reference for the SaaS / Software Product variant.
Table of Contents
Overview
In-app brand name: Launchpad
V1 is the clean, professional variant aimed at B2B SaaS founders and software products with enterprise buyers. It uses a blue/indigo palette, card-heavy layouts, and a browser-frame dashboard mockup in the hero.
[Screenshot: Launchpad homepage, desktop, light mode]
Default theme: system preference (light or dark, whichever the visitor's OS/browser prefers), with a manual toggle available in the navigation and footer.
Features
The homepage renders these sections in order, each animating in as you scroll:
- Hero — split layout: badge, heading, body copy, calls to action, and social proof on the left; an animated browser-frame dashboard mockup (stats, bar chart, activity feed) on the right, over a soft gradient background
- Social Proof — a row of 6 text-mark logos at reduced opacity, brightening on hover
- Features — a grid of 6 feature cards with icons
- How It Works — 3 numbered steps with a connecting line on desktop
- Metrics — 3 animated count-up stat tiles: "2,400+ Teams onboard", "99.9% Platform uptime", "$48M+ Engineering time saved"
- Pricing — see Pricing below
- Testimonials — a 3-column card grid with star ratings and initials avatars
- FAQ — a collapsible accordion with 8 items
- CTA Banner — full-width call-to-action band with dual calls to action
This is the only variant with a dedicated Metrics section — it does not appear in Lumina or Forge.
Pages
| Route | Description |
|---|---|
/ | Homepage — all sections above |
/pricing | Expanded pricing page: billing toggle, 3 tier cards, and a full feature comparison table |
/blog | Blog post grid — see Blog |
/blog/[post] | Individual blog post with a table of contents and reading progress bar |
/changelog | Version timeline for your product |
/login | Login form UI |
/register | Registration form UI, with a live password-strength meter |
/forgot-password | Password reset request form, with an animated success state |
/404 | Custom not-found page |
Authentication
Launchpad ships UI-only authentication pages. There is no backend, no session handling, and no real sign-in provider connected.
/login— email + password fields, a "Remember me" checkbox, social sign-in buttons, and a password visibility toggle. The form does not submit anywhere./register— name, email, password, and confirm-password fields, a live 3-step password strength indicator, and a terms-of-service checkbox./forgot-password— an email field that, on submit, animates to a success state. No email is actually sent.
All three pages share a split-panel layout: a brand panel (logo, product perks, a customer quote) on the left, hidden on smaller screens, and the form on the right. The main navigation and footer are hidden on these three pages.
Warning
To make these pages functional, you'll need to connect your own authentication provider — there is no sign-in logic to replace, only UI to connect to.
Blog
- 6 sample posts are included, ready to replace with your own writing
- Each post has a title, date, description, tags, and author
/blogrenders a card grid with post tags shown as badges- Individual posts include a floating table-of-contents sidebar and a reading-progress bar tied to scroll position
- Reading time is calculated automatically from the post content
See the Customization guide for how to add your own posts.
Pricing
Homepage pricing and the standalone /pricing page both use a monthly/annual toggle and the same 3-tier structure:
| Tier | Monthly | Annual | Highlighted |
|---|---|---|---|
| Starter | $0 | $0 | No |
| Pro | $29/mo | $23/mo ("Save 20%") | Yes — "Most popular" badge |
| Enterprise | Custom | Custom | No |
The /pricing page additionally renders a full feature comparison table beneath the tier cards.
Note
These prices, tier names, and feature lists are placeholder marketing copy for the demo. See the Customization guide for how to update pricing and other content to reflect your own product.
Theme Customization
All colors used throughout Launchpad come from the same shared design system used by all three variants. See the Customization guide for how to change the primary brand color.
Environment Variables
None. Launchpad has zero required environment variables. It is a static, file-based-content frontend template with no external API calls, no database connection, and no secrets to configure. If you connect your own backend, analytics, or sign-in provider, you'll introduce your own environment variables at that point — none are pre-wired.