AI Tool SaaS
Built for Atelo, the sample brand inside the template
A sketch-to-render AI tool site whose hero is a pencil sketch on graph paper: move over it and a lens shows the photoreal render underneath, scroll and the whole render denoises in, then type a material or pick one and it re-renders live.
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
The first screen is a pencil sketch of a kettle on cream graph paper. Wherever the pointer goes, a lens shows the finished photoreal render underneath, edged with diffusion grain; on a phone a finger drags it, and a ghost lens wanders when idle. Scrolling the pinned hero slides the app's panels (Layers, Modify, Results) in round the sheet while the whole render denoises in over 30 counted steps; type a material or pick one and it dissolves to noise and re-renders, and arrows switch between three products. How it works pins four tabs with progress bars: a lamp sketch draws on, blurs into its render, a wall of nine results flies in and an export sheet fills. The studio photo opens from an artboard inset to full bleed with pins on the prototype. Pricing has a monthly/yearly toggle and a renders-a-month slider that picks the plan. The close is a second sheet with its own lens, and signing up renders the whole drawing. All copy, products and plans sit in one content file.
What you get
- A tested build prompt · 14.3k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page 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 one-page site for an AI tool that turns a designer's pencil sketch into a photoreal product render. The hero is the product working: a pencil sketch of a kettle on cream graph paper, drawn in WebGL. Wherever the pointer goes, a soft round lens shows the finished render underneath, its edge breaking into diffusion grain. Scroll, and the app's own panels (Layers on the left, Modify and Results on the right) slide in round the sheet while the whole render denoises in, counting 30 steps. Then the visitor types a material ("sage and brass") or picks a chip: the render dissolves back to noise and resolves into the new finish, and each result lands in the Results strip. Arrows switch to a desk lamp or headphones.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
