Langkau ke kandungan utama

Prompts

Hero section prompts for AI website builders

The hero is the first thing a visitor sees, so it carries the most weight and tolerates the least vagueness. Ask an AI tool for a nice hero and you get the same centred headline and gradient every time. These prompts fix the type scale, color roles, spacing and motion in writing, so the result looks designed. If you searched for a minimal hero section prompt, start with the quieter designs; if you want a statement, look at the glass and editorial ones. Each page shows the hero live in light and dark before you copy anything.

  • HeroFree

    Aurora Glass Hero

    A night-sky hero lit by real aurora curtains of mint, lime and cyan rays, with the headline held in a frosted-glass card with a specular rim, fine grain and floating glass tiles. Includes a pale-fog light theme with the same hues.

    • Dark
    • Glass
    • Cl
    • Cu
    • v0
    • Lo
    • Bo
    • GP
    View and copy
  • Quiet Grain Hero preview

    HeroWith a plan

    Quiet Grain Hero

    A calm, confident hero on a sheet of grainy paper: one huge tight-tracked headline with a hand-drawn accent loop, a topographic contour map of a mountain lake as the only graphic, one button and one quiet link. Warm off-white, near-black and one restrained accent.

    • Minimal
    • Cl
    • Cu
    • v0
    • Lo
    • Bo
    • GP
    View
  • Editorial Serif Hero preview

    HeroWith a plan

    Editorial Serif Hero

    A magazine-style hero on grainy paper: an oversized serif headline with an italic spot-colour word, a flat-shadow button, a framed riso-print plate collage built only from CSS shapes, halftone dots and two tiny pictograms, and a numbered issue strip. Ink on paper with one spot colour.

    • Editorial
    • Cl
    • Cu
    • v0
    • Lo
    • Bo
    • GP
    View
  • Isoline Contour Hero preview

    HeroWith a plan

    Isoline Contour Hero

    A bold editorial hero built around a luminous self-drawing SVG contour map: dozens of flowing lines trace themselves in over a soft sun glow, glowing routes ignite, nodes pulse, and hovering lights the nearest line.

    • Bold
    • Editorial
    • Cl
    • Cu
    • v0
    • Lo
    • Bo
    View

See every prompt

Questions

How do I get an AI tool to build a hero section that does not look generic?

Give it exact tokens instead of adjectives: hex colors with roles, a type scale, spacing, and what moves and for how long. A good prompt also lists what to avoid. Every prompt here is written that way, so the tool has little room to fall back on its defaults.

Will the hero work with my own copy and logo?

Yes. Each prompt marks the headline, supporting line, button labels and any logo slot in square brackets. Replace those with your own words before you paste, or tell the tool to keep the placeholders until you send real text.