Dossier · Showcase 02 Fine Dining · Tasting Atelier

Maison — Haute Gastronomie & Tasting Atelier

An uncompromising fine dining and tasting atelier template crafted for Michelin-standard culinary sanctuaries, sommelier cellars, and luxury hospitality venues. Features disciplined Playfair Display typography, 4 atmospheric fine dining color schemes, full Progressive Web App (PWA) compliance, and modular sections designed for high-impact culinary storytelling.

🔒 https://themez.panic.pw/themes/restaurant/

🔒 maison.panic.pw

Editorial Typography Playfair Display 900 & Garamond Pair

4 Gastronomy Palettes Champagne, Terracotta, Sage & Bordeaux

PWA & Offline Service Worker & Offline App Manifest

Zero Bloat < 45KB Bundle · Pure Web Standards

Maison is engineered around the tension between high-contrast Playfair Display 900 serif headlines and quiet, tactile Cormorant Garamond descriptions. The aesthetic language reflects the culinary discipline of 3★ Michelin institutions: warm ember lighting, monolithic dark surfaces, and generous negative space.

The template features 4 authentic fine dining color palettes selectable live from the top dock, paired with native Dark/Light mode persistence in localStorage:

Imperial Champagne & Noir (gold) Classic Parisian palace gastronomy (Alain Ducasse, Le Bernardin) featuring champagne flute gold (#c5a059) over obsidian charcoal.

Tuscan Terracotta & Hearth (sienna) Woodfire hearths, brick cellars, and Italian/Basque culinary roots (Osteria Francescana, Etxebarri) with warm terracotta (#ce7444).

Nordic Sage & Foraging (olive) Scandinavian seasonal foraging and botanical gardens (Noma, Geranium) with soothing emerald sage (#4ea87a).

Grand Cru Bordeaux (merlot) Burgundy châteaux and sommelier vaults (Guy Savoy, L'Ambroisie) with rich velvet vintage garnet (#c74e6b).

Maison comes pre-configured as a Progressive Web App (PWA). It can be installed as a native-feeling standalone application on macOS, iOS, Android, and Windows directly from the browser without an App Store intermediary.

The embedded Service Worker (sw.js) employs a Network-First caching strategy, enabling instantaneous sub-50ms repeat visits and seamless offline navigation even when network connectivity drops.

Web App Manifest (manifest.json) Defines application standalone display mode, custom theme colors, adaptive icons, and splash screen brand identities.

Service Worker Cache (sw.js) Pre-caches critical HTML5 documents, stylesheets, Google Fonts, and culinary imagery with versioned lifecycle invalidation.

Add to Home Screen (A2HS) Native mobile and desktop install prompt integration with custom installation triggers and zero app store latency.

In modern search landscapes, fine dining websites must satisfy both traditional search crawlers (Google SERP) and AI Answer Engines (Perplexity, ChatGPT Search, Gemini, Claude). Maison embeds comprehensive Restaurant schema and strict HTML5 landmark semantics to maximize citations and reservations.

Core Web Vitals LCP (Largest Contentful Paint) < 0.4s · CLS (Cumulative Layout Shift) = 0.00 · INP < 16ms for buttery 60fps interaction.

Schema & AEO Microdata Full Restaurant, Menu, and Offer JSON-LD schema providing structured answers to AI indexing bots.

Open Graph & Twitter Cards High-resolution social sharing cards with verified gastronomic plating imagery and canonical URL linkages.

Zero Runtime JS Bloat Eliminates heavy JS runtime bundles (React/Vue/Webpack). Written in pure Vanilla JS with a total compressed footprint under 45KB.

Maison is organized into modular, reusable hospitality sections that you can effortlessly customize with your own seasonal tasting menus and cellar allocations:

Dual-Row Purveyors & Terroir Marquee A hardware-accelerated 75s infinite CSS marquee section designed to showcase terroir farms, biodynamic vineyards, and culinary purveyors with uniform 16px spacing.

Interactive Degustation & A La Carte Grid 4-category filter toolbar (Tasting, Entrées, Plats, Dolce) with high-resolution plating photography, ingredient provenance, and gold pricing.

La Cave & Sommelier Cellar Vault Dedicated cellar showcase featuring rare grower allocations (Domaine de la Romanée-Conti, Salon Blanc de Blancs, Ganevat Jura) and pairing tiers.

Symmetrical Table Reservation Suite Equal-gap booking form with date, guest count, dining area selection, and instant concierge confirmation overlay.

Maison is packaged with production-ready assets and modular files designed for immediate deployment or conversion into any modern CMS or web stack:

01 / MARKUP

Core Semantic HTML5

Clean, structured document with inline theme boot script, accessible ARIA landmarks, and valid heading hierarchy.

Zero Frameworks

02 / STYLING

4-Palette Token Engine

Comprehensive CSS custom property library supporting Imperial Champagne, Tuscan Terracotta, Nordic Sage, and Bordeaux.

CSS3 Custom Properties

03 / PWA

Offline & Service Worker

Pre-configured Web App Manifest and Service Worker with Network-First caching for desktop and mobile installability.

PWA V3 Compliant

04 / LOGIC

Vanilla ES6 Modules

Lightweight scripts for 75s marquee stream, interactive degustation filtering, booking alerts, and theme switching.

< 15KB Vanilla JS

05 / ASSETS

Gastronomy Food Assets

High-res culinary plating photography, cellars, chef's atelier, and vector emblems.

High-Res Assets

06 / DEPLOY

Production Deployment

Drop directly into any static host (Cloudflare Pages, Vercel, Netlify, Nginx Docker) or integrate into headless Astro / Next.js.

1-Click Static Deploy

Maison — Haute Gastronomie & Tasting Atelier

Core Semantic HTML5

4-Palette Token Engine

Offline & Service Worker

Vanilla ES6 Modules

Gastronomy Food Assets

Production Deployment

EXPLORE ECOSYSTEM

COLLECTIONS

STANDARDS & PROTOCOLS