Skip to content
๐Ÿ”ฅ Special Launch Offer: Get lifetime access to all 24 prompts!Claim Discount
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.

Dark SaaS landing page with a large left-aligned headline, hairline section borders and a single blue accent button.

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

Other saas landing prompts

Neo-editorial SaaS landing page โ€” AI prompt for SaaS Landing | SitePromts ยท SitePromts