यह एक complete SaaS landing page prompt है जो v0, Lovable और Bolt — तीनों में लगातार अच्छा output देता है। नीचे हर line के पीछे की reasoning भी दी गई है — reasoning समझ लेंगे तो इसे अपने product के हिसाब से adapt कर पाएँगे।
Note: prompt खुद English में ही रखा गया है। AI builders English instructions को ज़्यादा accurately follow करते हैं — इसे as-is paste करें।
पूरा prompt
Build a single-page SaaS landing page with the visual confidence of a Linear or Resend launch page.
Identity: background #0B0B0F, foreground near-white, one accent: hsl(255 90% 66%). Inter, weights 400/600 only. Radius 14px. Hairline borders at white/8%.
Structure: (1) Nav — wordmark left, three links + one accent CTA right, sticky, gains blur + border after scroll. (2) Hero — headline clamp(3rem,7vw,5.25rem) tracking -0.03em, max 8 words; subline max-w-lg at 65% opacity; primary CTA + ghost secondary; below them a browser-framed product screenshot placeholder tilted 2deg with soft glow. (3) Logo row — six grayscale placeholders, 40% opacity. (4) Three feature blocks, alternating text/visual sides, each visual a bordered panel with a subtle grid background. (5) Single testimonial in display type, no carousel. (6) Pricing — three tiers, middle elevated with accent border and "Most popular" tag, one-time framing. (7) FAQ accordion, one open at a time. (8) Final CTA band, then a minimal footer.
Motion: sections fade-up 16px over 500ms on first scroll into view, staggered children 60ms; hover lifts of 3px on cards; respect prefers-reduced-motion.
Never: emoji in headings, gradient text, three-icon feature rows, stock illustrations, more than one accent color.
हर line यहाँ क्यों है
Reference brands (Linear, Resend) किसी भी adjective से ज़्यादा काम करते हैं — models के पास इन sites की aesthetics का strong prior होता है, नाम लेते ही output उसी तरफ़ converge करता है।
"Weights 400/600 only" और "one accent" restraint constraints हैं। खुला छोड़ने पर generator हर section में नए weights और colors जोड़ता है — और यही "amateur look" की असली वजह है।
Headline "max 8 words" display-level typography hierarchy को force करता है। लंबी headline पूरे hero को चुपचाप body-text energy पर गिरा देती है।
Tilted screenshot with glow hero को एक visual focal point देता है। Hero ज़्यादातर खाली होने से fail होते हैं, भरे होने से नहीं।
"No carousel": carousels conversions की क़ब्रगाह हैं, और हर generator इन्हें use करना चाहता है।
Never-list सबसे आख़िर में, क्योंकि trailing constraints सबसे ज़्यादा obey होते हैं।
अपने product के लिए adapt करना
Accent hue, reference brands और section 4 की count बदल लें। लेकिन restraint constraints (weight limit, single accent, Never-list) मत छेड़ें — वही load-bearing हिस्सा है।
सैकड़ों tested variations — अलग moods, industries, layouts — pre-written चाहिए? वही हमारा product है: 60 free prompts, full-page collection, और हर plan one-time payment है (pricing)।