Scroll, and the espresso pours.
Frame by frame, on your visitor’s thumb.
Ember
A dark, premium coffee site where the hero pours as you scroll.
One clip, cut into 121 frames, played by the scroll.
No autoplay video, no jank. The visitor’s scroll is the playhead, so the pour moves exactly as fast as they do, on phones too.
Scroll it yourself.
The demo uses lighter, watermarked files. Your download has the full-quality ones. Open it full screen ↗
Dark roast, warm light.
Fraunces for headlines, light and italic. Inter for everything you read. Both free, both set up in the build.
Everything that makes Ember, Ember.
Tested end to end. Paste it into Claude Code, Cursor or Lovable.
The espresso pour, already cut and sized for the scroll.
Ristretto to cold brew tonic, sized for the web.
Every prompt behind the visuals, to make them yours.
Which AI tool should I use?
Any AI coding tool that can create a React project works, for example Claude Code, Cursor or Lovable. The prompt was tested end to end before release.
Can I change Ember's look?
Yes. Swap the name, menu, photos and colours. The image and video prompts are included so you can make your own versions of the visuals.
Prompt pack or Full kit?
Pick the Prompt pack if you build with AI tools. Pick the Full kit if you want the finished code, or to save time.
What does the Personal licence allow?
One website of your own. For client work, the Agency plan covers every template.
Personal licence: one website of your own. Client work needs the Agency plan. Every download carries your licence code. Read the full licence →