Bolt.new scaffolds an entire runnable project from one prompt — which is its superpower and its trap. The scaffold arrives fast, but every vague sentence in your prompt becomes a default somewhere in the codebase. This guide is about prompting Bolt for websites specifically: marketing pages, portfolios, launch pages.
Constrain the project before the page
Bolt decides project shape first, page design second. Open by shrinking the project:
Vite + React + Tailwind, single page, no router, no backend, no component library. Everything in one App.tsx plus small local components.
Without this, you can get a multi-route scaffold with a nav pointing at empty pages — plausible structure, wasted generation.
Front-load the visual identity
Same principle as any builder, but Bolt rewards it doubly because it also writes your Tailwind config:
Extend the Tailwind theme: background #06060A, accent emerald-400, font display "Clash Display", font body Inter. Border radius 14px everywhere.
Putting tokens in the theme (rather than describing colors ad hoc) means every generated section inherits them, and later edits stay consistent.
Ask for the page in passes
Bolt handles long prompts, but websites come out cleaner in two messages: first the shell (nav, hero, footer, theme, motion conventions), then "now add sections 2–5" with one line each. The second pass inherits the established conventions instead of re-inventing them mid-file.
Pin the interaction details
Bolt writes real code, so interaction requests land as actual handlers rather than intentions. Be specific: sticky nav that gains a border and blur after 24px of scroll; accordion FAQ where only one item opens; smooth-scroll anchor links with scroll-margin-top matching the nav height. Each of these is one sentence and each survives generation near-verbatim.
Know when the prompt is the product
The difference between a serviceable Bolt page and a striking one is rarely the tool — it is whether the prompt contains real art direction. Writing that per-project is a craft; borrowing it is faster. Our library entries are exactly that packaging — direction, skeleton, type, motion, constraints — tested against the major builders including Bolt. Sixty of them are free with no account; the animated backgrounds are a particularly good fit for Bolt since they ship as pure CSS/canvas with no video assets — more on why that matters in this post.