Ember & Vine

Web

Source code

Ember & Vine - Desktop view — Desktop view

Ember & Vine - Mobile view — Mobile view

Key features

Drenched dark palette: warm charcoal base with gold and mahogany accents

Cormorant Garamond + Raleway pairing for dramatic editorial contrast

Sections: hero, menu, chef's selection, wines, private dining, reservations, reviews, location

Full dark mode with moody atmospheric imagery throughout

Menu preview cards with dish descriptions and pricing

Mobile-first responsive with scroll-reveal animations and smooth transitions

Description

Ember & Vine is a complete landing page for a modern European farm-to-table restaurant. Designed with editorial luxury, the page features a warm charcoal (#120A08) dark base with gold (#C9A84C) and deep mahogany accents. The Drenched color strategy makes the dark warm surface itself the centerpiece. Includes hero with atmospheric imagery, menu preview, chef's selection, wine list, private dining, reservation booking, location map, and customer reviews. Cormorant Garamond dramatic serif headings paired with Raleway clean sans body text for maximum editorial contrast. Full dark mode with moody ambiance.

Technologies used

HTML

CSS

JavaScript