Live preview — fully interactive
The prompt
Build a complete dark SaaS landing page for Northline, a product-analytics platform for SaaS teams. One self-contained HTML file with five sections: Hero, Features, Pricing, FAQ, Footer. ## Design system - Tokens: background #08080d, text #f2f2f7, muted #8a8a99, accent #7c6cff,
Full prompt (3198 chars) unlocks after purchase
The code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Northline — Product analytics for SaaS teams</title>
<style>
:root {
--bg: #08080d;
--text: #f2f2f7;
--muted: #8a8a99;
--accent: #7c6cff;
--border: #23232e;
--card: #101018;
}
* { margin: 0; padding: 0; box-sizing: border-boxComplete self-contained HTML unlocks after purchase
About this section
A shippable dark SaaS landing page for Northline, a fictional product-analytics workspace. Interactive canvas particle field, masked GSAP headline, six-card scroll reveal, three-tier pricing, FAQ accordion and footer — one self-contained HTML file.