Skip to content

Concept render — composed live from this prompt's palette & layout. Reproducible with the library, not a stock screenshot.

Concept scene: Aurora Veil — open in library →
SaaSFeaturedby Motif Studiopublished 2026-09-14

AI product hero with streaming headline

zh-CN: AI 产品 hero:流式标题

vibe: precise, alive, restrained

starter4 blocks, 2 stacksany viewport210 lines generated (estimate)600 tokens to run (estimate)
prompt.txt — copy-paste ready
An AI product hero whose headline streams: a display sentence types itself token by token with a blinking caret, then settles. Below it a small live demo pane (a mini chat that echoes locally), two CTAs, and a trust strip of three honest statements — no invented logos. Reduced-motion renders the headline fully formed with a gentle fade instead of typing. All colours are CSS custom-property tokens; the caret animation pauses on hover.
Palette tokens:#07080b#f5f7fa#22d3ee#7c3aed

Remix this brief:

  • Terminal-flavoured: monospace headline, scanline backdrop.
  • Editorial: serif headline, no demo pane, one strong CTA.
  • Tiny: headline only, zero chrome above the fold.
Stacks shipped:Next.jsHTMLBlocks:NavHeroStreaming demoTrust strip

Components this brief typically renders:

Community:▶ Re-run this prompt⤴ Submit a remix of it★ Your saved listRe-runs are a labelled simulation; the run log on this page is the real record.
Before you run it, know this
  • Lowest score was Codex at 88/100 — Trust strip minimal; CTA placement solid.
  • All models built cleanly on the first pass.