SaaS Landing
Neo-editorial SaaS landing page
A B2B landing page built on editorial typography and a hard left-aligned grid instead of the usual centered hero.
The prompt
Build a landing page for a B2B analytics product called Northsignal. Layout: full-bleed hero, no container. Everything left-aligned against a 48px gutter โ do not center any text on this page. Hero is 88vh with the headline set at clamp(3rem, 8vw, 6.5rem), a single sentence, max 7 words, tight tracking of -0.03em. Subhead sits directly beneath at 1.125rem, max-width 52ch, muted color. Two buttons in a row: solid primary, then a text-only link with a right arrow. Design tokens: background #0E0E10, surface #17171B, hairline borders #26262C, text #F2F2F3, secondary text #8B8B93, single accent #3D5AFE. Use borders, never shadows. Radius 10px everywhere. Type: a grotesque display face for headings, a neutral sans for body, and a monospace face for all labels, eyebrows and numbers. Sections after the hero, in order: a thin logo strip; a three-column feature row where each feature is a number, a title and two sentences โ no icons; a full-width product screenshot bleeding off the right edge; a two-column customer quote with a portrait; a pricing table with three tiers; a short FAQ. Constraints: no gradients, no glassmorphism, no drop shadows, no emoji, no stock photography of people in offices. Maximum two font sizes per section. Every section separated by a 1px top border, not whitespace alone.
Paste the whole block into your builder. Replace the bracketed names with your own โ leave the constraints alone, they are what stops the generic output.
Prompt Setup Guide
How to use this prompt & FAQs
Follow these simple steps to generate high-converting websites using Neo-editorial SaaS landing page.
STEP 01
Copy System Prompt
Click the copy button above to grab the structured system prompt for "Neo-editorial SaaS landing page".
STEP 02
Paste into AI Builder
Open Lovable, Bolt, Codex, Cursor, Claude and paste the system prompt into the composer or initial prompt box.
STEP 03
Generate & Refine
Replace any bracketed text like [App Name] with your specific details, then click generate.
Frequently Asked Questions
More like this