Daybreak Coffee
An original specialty-coffee brand and landing page - sunrise palette, a Three.js hero, a pinned single-origin story and a working cart drawer.
- Role
- Brand + design + build
- Services
- Brand + UI design · Creative frontend · 3D / motion · Ecommerce UI
- Year
- 2026
- Status
- Concept build
Overview
The brief
Specialty coffee lives or dies on feel. The site had to read as warm and premium from the first frame, then carry a visitor all the way to an order without ever feeling like a template.
An original concept project. Brand and content created for the build.
Approach
How I built it
Opened on a Three.js hero tuned to a first-light palette so the brand mood lands before a word is read.
Pinned the single-origin story to the scroll so the beans' journey unfolds in sequence instead of as a wall of text.
Built a real cart drawer with filters - front-end only, but a genuine commerce interaction, not a fake screenshot.
Used local imagery throughout and tuned the build for Lighthouse 100s.
Key features
What makes it work
- Three.js sunrise hero
- Pinned, scroll-told single-origin story
- Filterable cart drawer interaction
- Bento visit / location blocks
Gallery
A closer look
Build
Under the hood
- Lighthouse 100s recorded for the build
- All imagery served locally; self-contained
Reflection
Looking back
Proof that a 3D hero and a real ordering flow can share one page without the page feeling heavy. The cart drawer would need a payment backend to go live.