EMBER / BUYER GUIDE
EMBER / BUYER GUIDE
EMBER / TEMPLATE HANDOFF
Built to become yours.
Built to become yours.
This guide explains how to make EMBER feel like your restaurant while preserving the considered editorial system, responsive structure, and intentional interactions.
This guide explains how to make EMBER feel like your restaurant while preserving the considered editorial system, responsive structure, and intentional interactions.
01 / STYLE SYSTEM
Start with the tokens.
Update the Ember Ink, Ember Ivory, and Ember Copper color styles first. The template’s display type is Bodoni Moda and its interface type is Inter—both are served from the font provider and should be reviewed for your own brand and intended commercial use.
Update the Ember Ink, Ember Ivory, and Ember Copper color styles first. The template’s display type is Bodoni Moda and its interface type is Inter—both are served from the font provider and should be reviewed for your own brand and intended commercial use.
02 / ASSET SOURCES
Make the imagery your own.
EMBER uses three AI-generated concept images: a restaurant interior, a seasonal carrot plate, and a wood-fired hearth. These are uploaded project assets, not photographs of a real venue. Replace them with your restaurant photography when adapting the template. Keep the supplied asset files and provenance notes with your project, and verify the rights for any images you add.
EMBER uses three AI-generated concept images: a restaurant interior, a seasonal carrot plate, and a wood-fired hearth. These are uploaded project assets, not photographs of a real venue. Replace them with your restaurant photography when adapting the template. Keep the supplied asset files and provenance notes with your project, and verify the rights for any images you add.
03 / INTERACTIONS
Edit behavior, not just appearances.
EMBER / Menu Tabs holds three menu states with four dishes in each state. EMBER / Navigation contains desktop, phone, and phone-open states. EMBER / Reservation Submit includes a demo-confirmed state and is connected to the required reservation fields. The reservation form is intentionally a front-end demonstration and has no booking backend.
EMBER / Menu Tabs holds three menu states with four dishes in each state. EMBER / Navigation contains desktop, phone, and phone-open states. EMBER / Reservation Submit includes a demo-confirmed state and is connected to the required reservation fields. The reservation form is intentionally a front-end demonstration and has no booking backend.
04 / RESPONSIVE EDITING
Check each canvas size.
Desktop, Tablet, and Phone breakpoints are already in place. After changing copy, images, dishes, or spacing, review all three sizes. Keep section wrappers fluid and leave the phone navigation in its component states so the drawer remains functional.
Desktop, Tablet, and Phone breakpoints are already in place. After changing copy, images, dishes, or spacing, review all three sizes. Keep section wrappers fluid and leave the phone navigation in its component states so the drawer remains functional.