SaaS Landing Template
Build a one-page product landing in 10 blocks and pick one of three variants you can see side by side: original, refined, and product-first.
- Views
- —
- Installs
- —
Overview
- Best for
- Teams building products that are announced on the web and convert with a sign-up or start button
- What it produces
- A three-variant comparison screen (desktop and mobile widths), a fill source and fallback rule for every block, and Korean copy rules
- How it runs
- Open index.html to compare the three variants, pick one, fill each block from the design output it names, and swap the tokens for your project values.
Architecture and pipeline
- 01Compare three variants at desktop and mobile widths
- 02Ten blocks in order (nav, hero, proof, three steps, features, next actions, stats, cases, final action, footer)
- 03A fill source and fallback rule for every block
- 04Swap tokens for your design system values
- 05Check one-line copy at 390px mobile and 1280px desktop
Expected outcomes
- 01
Start from a chosen variant instead of a blank page.
- 02
Copy comes from earlier design outputs, so no invented numbers slip in.
- 03
The first screen keeps one promise and one action.
Use this Kit in your project
Connect PurplePrint, then ask your current AI agent to install this Kit. You can install it during your free trial or with a subscription.