ZenSushi — Japanese Sushi & Omakase Dining HTML Theme
An atmospheric HTML template crafted for sushi restaurants, omakase counters, and Japanese fine dining experiences. Inspired by the philosophy of 間 (Ma — the beauty of negative space), it blends terracotta warmth with bamboo-green accents against a near-black canvas.
Demo images are for preview purposes only and are not included.
─────────────────────────────
◉ 20 Fully Designed HTML Pages
─────────────────────────────
Home · Omakase · Full Menu · Gallery · Chefs · Events · Reservation
Contact · Blog · Blog Article · FAQ · Our Story · Sake & Drinks
Private Dining · Gift Cards · Terms & Conditions · Privacy Policy
404 · Coming Soon · Maintenance
─────────────────────────────
◉ W3C Validated — 0 Errors, 0 Warnings
─────────────────────────────
All 20 pages pass the W3C Nu HTML Checker with zero errors and zero warnings. Fully standards-compliant, accessible, and SEO-ready.
─────────────────────────────
◉ Key Features
─────────────────────────────
◈ Bootstrap 5.3.2 — fully responsive (mobile, tablet, desktop)
◈ Vite 5 + pnpm build system with @@include partial system
◈ Terracotta (#d1512d) + Bamboo green (#8a9a5b) colour language
◈ Noto Serif JP + Outfit font pairing for authentic Japanese feel
◈ Dual currency display (¥ and $) throughout menu pages
◈ Bootstrap tab-based full menu with dietary badges
◈ Omakase experience page — 6 course steps + pricing packages
◈ Sake & Drinks page — Junmai Daiginjo, Ginjo, Nigori, whisky, tea
◈ Private dining — Tatami Room, Omakase Counter, Rooftop Garden
◈ Gift cards with ¥5K / ¥15K / ¥30K tier layout
◈ Live countdown timer (events page)
◈ Sweep_Underline navbar effect (right-to-left terracotta line)
◈ Sushi_Card hover: grayscale → colour + slide-up body
◈ Client-side form validation with Japanese thank-you message (ありがとうございます)
◈ AOS animations — 1200ms, once, ease
◈ GDPR + APPI (Japan) compliant privacy policy page
◈ Formspree & Mailchimp integration-ready
◈ SVG favicon · Open Graph meta tags
◈ Gold text selection (::selection)
◈ Mobile parallax fix for iOS Safari
─────────────────────────────
◉ What You Get
─────────────────────────────
✔ All source files (src) — edit and customise freely
✔ Ready dist/folder — upload and you’re live
✔ Full documentation
✔ Third-party licence files
✔ Vite config pre-set — run pnpm install && pnpm dev
─────────────────────────────
◉ Ideal For
─────────────────────────────
Sushi restaurants · Omakase dining bars · Japanese fine dining
Sake importers & sommeliers · Japanese cultural studios
Asian fusion restaurants · Japanese food brands
─────────────────────────────
◉ Tech Stack
─────────────────────────────
HTML5 · CSS3 (CSS Variables) · Vanilla JavaScript
Bootstrap 5.3.2 · FontAwesome 6 · AOS · GLightbox
Vite 5 · pnpm · PostCSS Autoprefixer · Google Fonts (Noto Serif JP)
