Skip to content
Index / all work

Restaurant

An ember-fired fine-dining template built around a tasting-menu journey.

Client
Atelier templates
Sector
Basalt · fine-dining template
Year
2026
Reference
No. 07

Scope

  • Template product design
  • Scroll journey
  • Reservation wizard
  • Owner dashboard

Stack

Ref 07 · interface preview

Overview

Basalt is the fine-dining template: a stone-and-ember storefront on a Cormorant / Outfit type system, anchored by a seven-course tasting-menu journey that scrubs an ember line down the page as you scroll.

It pairs the tasting narrative with a three-step reservation wizard, à la carte takeaway over WhatsApp, and an owner dashboard that includes a live 86 list.

The challenge

Translating the ceremony of a tasting menu into a web experience while still handling the unglamorous jobs — bookings, takeaway orders, and sold-out items.

The approach

  1. 01

    A signature scroll-driven tasting journey: courses as an ordered sequence with an ember burn-line tracking progress.

  2. 02

    A three-step reservation wizard with seatings defined in one component, plus WhatsApp checkout for à la carte takeaway.

  3. 03

    Config-driven like the whole line — courses, pricing, accolades, reviews and copy edited in src/config, fonts swapped in one file.

Outcomes

7

course tasting journey, scroll-scored

3

step reservation wizard

86

list built into the owner dashboard

Next case · Ref 08

Fast Food