Katana Draw Scroll-Driven
Built for Kiriha, the sample brand inside the template
A sword-craft studio's scroll hero: a glossy katana draws from its red-flame scabbard over an ink-and-gold tree, then pixel dissolves open a gold-leaf cloud screen and a paper garden where a red maple rises.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
A near-black first screen: 'Draw / With / Intent' stacked top left, an old blossoming tree in ink and gold linework, a huge chrome-pink Kiriha© wordmark along the bottom and a sheathed katana lying across it all on a steep diagonal. Scrolling pins the scene: the first screen lifts away, the katana swings level and draws, its scabbard slides off and settles below while 'Breathe', 'Keep Scrolling' and 'The Steel Wakes' blur in letter by letter. A square-pixel dissolve with red and white flashes opens a red, gold and white woodblock cloud panorama behind the sword; a second dissolve turns the page to warm paper where red pixels drift, 'Be still…' and 'And listen…' appear and a red maple rises from the lower right. On a phone the katana starts steeper and the cloud band is shallower; the whole sequence plays on the thumb.
What you get
- A tested build prompt · 7.8k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the hero section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A scroll-driven hero for Kiriha, a sample sword-craft studio. It opens on a near-black screen: "Draw / With / Intent" stacked in the upper left, an old blossoming tree in ink and gold linework in the middle, a huge chrome-pink "Kiriha©" wordmark along the bottom, and a sheathed katana lying across all of it on a steep diagonal, its pink silk hilt in the upper right. As you scroll the screen stays pinned: the headline and wordmark lift away, the katana swings level and draws, its red-flame scabbard slides off and drifts below it while "Breathe", "Keep Scrolling" and "The Steel Wakes" blur in letter by letter. Then the screen breaks into square pixels that reveal a red, gold and white woodblock cloud panorama behind the sword; a second pixel dissolve turns everything to warm paper, red pixels start to drift, "Be still…" and "And listen…" appear, and a red maple rises from the lower right. A phone visitor sees the full first screen at once (headline, tree, katana, wordmark), already composed for a tall screen; the whole sequence plays on their thumb.
- What it is
- Style
- Build steps
- Assets
- Motion summary
- Make it yours
- Launch checklist
- Acceptance checks
