Ember Table
A menu told through heat, season, and the hands behind each course.
Challenge
A fictional twelve-seat fire-cooking restaurant with clear reservation information and no decorative menu theater.
Charred fields, ember orange, intimate macro photography, hand-marked dividers.
Expressive serif with plainspoken sans for menu and booking.
A heat dial shifts the menu story from raw ingredient to plated course.
Smoke, copper, and close conversation.
Scene-by-scene experience
The route has a job at every depth.
Tonight
Show what is current.
Service date, seats, menu form, and one elemental image.
Heat
Explain the cooking language.
Interactive ingredient-to-fire-to-plate sequence.
Menu
Set expectations honestly.
Courses, dietary adaptation, price, and duration.
People
Credit the team and producers.
Portrait notes and ingredient provenance.
Reserve
Complete booking intent.
Date, party, dietary needs, and policy.
Motion record
- trigger
- Heat dial and section entry
- duration
- 0.55s
- delay
- ingredients stagger 60ms
- easing
- [0.16,1,0.3,1]
- transform
- warmth filter, crop crossfade, y 16→0
- scroll
- Native with short sticky menu heading
- desktop
- Dial controls triptych
- mobile
- Three explicit stage buttons
- reducedMotion
- No filter animation; instant image swap
Responsive behavior
Designed across the actual range.
Booking facts lead on mobile; menus never become horizontal tables; desktop uses cinematic food media only when licensed; text stays readable over solid fields.
Implementation: Next.js, Motion; original food photography required before production.