Reference build
A fictional B2B SaaS launch, built end-to-end with the catalog.
Threshold is a fictional PLG onboarding analytics product. Its launch microsite was built using the RampStack skills catalog across four documented phases: research, brand, build, and audit. The methodology is real. The product is not.
Use the build as a worked example of how the catalog composes from blank brief to deployed launch microsite. Each phase walkthrough documents the skills invoked, the decisions made, and the artifacts produced. The deployed result is live below.
The four phases
Each phase has its own walkthrough with skills, decisions, and outputs documented.
Phase 01 / Strategy
Research and strategy
Real Ahrefs keyword research, competitor profiling against Mixpanel, Amplitude, Pendo and others, content gap analysis, and backlink opportunity mapping. The strategic foundation before any brand or build work begins.
Read the walkthrough
Phase 02 / Brand
Brand and design
Brand foundations applied: 14 color tokens, 9 typography tokens, 5 logo variants, 4 mockup directions. Color palette and type pairing built from the strategic foundation, not picked arbitrarily.
Read the walkthrough
Phase 03 / Build
Build and ship
Deployed launch microsite with 8 sections including hero with code-built product mockup, problem framing, wedge with inline charts, comparison table, and 5-stage waitlist form. Cross-route imports of Phase 2 brand foundations. No CSS duplication.
Read the walkthrough
Phase 04 / Audit
Audit and optimize
Real audits run on the deployed site: axe-core, Lighthouse desktop and mobile, manual keyboard and screen-reader testing. Real findings captured with severity, real fixes applied including a darker ochre variant for body-text contrast contexts.
Read the walkthrough
The deployed result
See Threshold live.
The deployed microsite renders the build's output: hero with code-built product mockup, fictional cohort trust strip, problem framing, wedge section with inline activation funnel and time-to-first-value sparkline, comparison table, three-primitive how-it-works, multi-step waitlist form, FAQ, and footer. All Phase 2 brand foundations imported via cross-route references, no CSS duplication.
Marked as a demonstration. No data stored or transmitted. Not indexed.
Open the live demoWhy a fictional product
A real product launch comes with real constraints: existing brand equity, audience expectations, competitive pressure, regulatory framing. Useful for the launching team; less useful as a demonstration of the catalog's reach. Threshold has no such baggage. The brief was constructed to exercise the catalog across research, brand, build, and audit dimensions with realistic competitive context (Mixpanel, Amplitude, Pendo, Userpilot, Heap) but without the constraints that would obscure the methodology.
The result is a worked example you can read end-to-end. The methodology transfers to real launches; the artifact happens to be fictional.