Minimalist Clean Startup

An ultra-clean startup landing page with generous whitespace, subtle animations, and a focus on content.

Screenshot of the site generated from the Minimalist Clean Startup prompt
Real output: this prompt with its default settings, generated by Claude Opus 5.5 on Oct 3, 2026. One attempt, no edits.Open full site
Works with:ClaudeChatGPTv0CursorBolt
minimalistcleanstartupwhitespacesimple

Prompt

Create a minimalist startup landing page. Less, but better: generous whitespace, precise typography and one idea per section.


Brief

  • Subject: Tally — invoicing and payment reminders for freelance translators
  • Minimal design needs exceptional copy. The headline says exactly what the product does and for whom; every line stays concrete (numbers, real features, a real-sounding customer)

  • Design Requirements

  • Whitespace: Very generous padding — sections breathe
  • Colour: Text (#18181b) on background (#ffffff) with one accent (#1f7a5a) for the CTA and links
  • Typography: Geist; one large heading size (3–4rem), body at 17–18px, 2–3 sizes in total — hierarchy through size and weight, not decoration
  • Elements: 1px rules, no shadows, very few icons
  • Product visual: A clean, accurate product screen built in HTML/CSS with real data — the one rich element on the page

  • Sections to Include

  • Navigation — Logo and 3–4 text links, left-aligned, no background
  • Hero — Headline (6–10 words), one line of subtext, one CTA button; left-aligned
  • Visual — The product screen, wide, with plenty of space around it; its top edge is visible in the first viewport so the page opens on the product, not on empty space
  • Three Features — Three short text blocks, one line each, with tiny icons or none
  • Social Proof — One testimonial with name, role and a specific result
  • CTA — Repeat the main CTA with an email input
  • Footer — One line: © year and 2–3 links

  • Design Rules

  • Two colours maximum (base + accent)
  • No gradients, patterns or decorative elements
  • If an element can be removed without losing meaning, remove it
  • Hover states: colour change only
  • Responsive: stacks naturally on mobile
  • Visible focus states; at most one subtle fade on the hero
  • Related Prompts