Ember & Oak
Specialty coffee roaster shop with warm editorial feel, tilting product bags and a live subscription builder.
The Prompt
# Ember & Oak — Coffee Roaster E-commerce Site ## Goal Build a production-ready coffee roaster e-commerce site called "Ember & Oak". Overall vibe: craft over commerce — a roastery that knows every farmer by name. It should look hand-crafted by a senior product designer — not like a generic template. ## Design System - **Palette**: cream #FAF6EF base, espresso #2B1D16 text, burnt amber #C77B3F accent, subtle radial warmth behind heroes - **Typography**: serif display with character (recoleta-style) 56-80px, clean sans body; tasting notes in italic - **Grid & spacing**: 12-col grid, 8px base u
Unlock the full 437-word prompt with one-time Lifetime access.
Unlock Full PromptYou may also like
Heritage Grove Footer
Full-viewport footer laid straight onto a hand-drawn ink landscape loop — five columns on the paper sky, and below 1100px the clip leaves the background and becomes a flow item under the copy.
Vectrus Energy
Scroll-tied cinematic section: a 500vh track scrubs an aerial clip frame by frame through a WebCodecs frame bank, with three sequential copy blocks.
Wanderful
Cinematic travel hero: a full-bleed loop drifting under a GSAP mouse parallax, with a liquid-glass pill navbar and two fade-up copy blocks.
Aurora Weather Dashboard
Liquid-glass weather dashboard on a 1357x871 unit grid: frosted panels over a storm photo and a chart that draws itself, then fills.