Section · Hero sections

SaaS hero section with drifting gradient

by Informeek Studio Made with Claude 6 November 2026
Live Watch the background drift, then try it at phone width

The prompt

Claude · Claude Opus 5.5

Design a SaaS hero section for a work management app called flow. Light background with soft gradient blobs in blue, pink and green that drift slowly. A small pill badge saying "New: Automations 2.0 are live", a big headline "Your team's work, finally in flow" with the last words in a blue to pink gradient, one supporting sentence, a primary "Start for free" button and a ghost "Book a demo" button. Under the buttons, five overlapping avatars and "Trusted by 12,000 teams". Stack everything centred on mobile.

Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.

Use it in three steps

  1. Copy the prompt with the button above.
  2. Paste it into your tool, such as v0, Lovable, Bolt or Claude.
  3. Make it yours by swapping the headline, badge and the trust line for your own.

About this hero section design

This hero section design does the three things a SaaS hero needs: it says what the product is, gives one clear next step, and shows that other people already trust it. Soft gradient blobs drift slowly behind the content, so the page feels alive without anything competing with the headline.

A small badge above the headline announces what is new, a common pattern that gives returning visitors a reason to look again. The last words of the headline carry a blue to pink gradient, which pulls the eye to the promise. Avatars and a customer count sit right under the buttons, where doubt usually starts.

Why the prompt works

  • It writes the actual copy, so the layout is built around real words.
  • It ranks the buttons, one primary and one ghost.
  • It describes the motion, blobs that “drift slowly”, not just “animated”.
  • It places the proof, under the buttons rather than further down.

The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.

Keep exploring

More prompts like this

See the collection →