Sushi Restaurant Homepage
An elegant Japanese sushi restaurant homepage with omakase booking, seasonal menu, and authentic cultural atmosphere
Create an elegant, immersive homepage for a Japanese sushi restaurant called "Hikari" (meaning "light") located in a modern urban setting. The design should balance Japanese minimalism with warmth and sophistication, evoking the precision of sushi craft and the calm of a traditional dining experience.
1. NAVIGATION BAR
- Logo: "Hikari" in both English (clean sans-serif, Noto Sans) and Japanese characters "光" beside it in a brush-stroke style
- Links: Menu, Omakase, Our Story, Gallery, Reservations
- Right side: "Reserve a Table" button — solid #B91C1C (deep red), white text, 8px border-radius
- Background: transparent on hero, transitions to #0F172A (dark navy) on scroll
- Text color: white on hero, stays white on dark background
- Mobile: minimal hamburger icon, slide-down panel with centered links
2. HERO SECTION
- Full-screen background: cinematic photo of a sushi chef carefully placing nigiri on a hinoki wood counter, warm ambient lighting, shallow depth of field
- Centered overlay content with text-shadow for legibility:
- Japanese characters above headline: "鮨処 光" in thin brush font, small size, #F59E0B (gold)
- Headline: "The Art of Sushi, Perfected"
- Subheadline: "A 14-seat omakase experience featuring the freshest fish flown in daily from Tokyo's Toyosu Market."
- Two CTAs: "View Omakase Menu" (solid #B91C1C) and "Make a Reservation" (outlined white, 1px border)
- Subtle slow zoom animation on the background image (Ken Burns effect, 20s cycle)
- Bottom: thin decorative line with a small circle in the center (Japanese-inspired divider)
3. PHILOSOPHY SECTION (centered text)
- Background: #0F172A dark navy
- Vertical Japanese text on left margin (decorative): "一期一会" (ichigo ichie — "one time, one meeting")
- Centered content:
- Small gold label: "OUR PHILOSOPHY" in tracking-wide uppercase, #F59E0B
- Headline: "Every Piece Tells a Story"
- Body text: "At Hikari, we believe sushi is a conversation between chef and guest. Each piece of nigiri is shaped by hand, seasoned with decades of tradition, and served at the precise moment it reaches perfection. Our fish arrives daily from Toyosu Market, and our rice is seasoned with a house-blend vinegar aged for three years."
- Decorative horizontal line below (thin, gold, 80px wide, centered)
- Text color: #E2E8F0 (light gray) for body, white for headline
4. SEASONAL MENU HIGHLIGHTS (3 featured items)
- Section heading: "Seasonal Selection · 季節" with "Spring 2026" subtitle
- 3 items displayed in horizontal cards on dark background:
- Item 1: "Otoro (Bluefin Tuna Belly)"
- Photo: close-up of glistening otoro nigiri on a dark ceramic plate
- Origin: "Wild-caught, Oma, Aomori Prefecture"
- Description: "The pinnacle of tuna. Silky, marbled, and rich — served with aged soy and fresh wasabi."
- Season badge: "Peak Season"
- Item 2: "Uni (Sea Urchin)"
- Photo: golden uni on a bed of seasoned rice
- Origin: "Hokkaido, hand-harvested"
- Description: "Creamy and briny with a sweet finish. Served on warm rice to release the full aroma."
- Season badge: "Chef's Choice"
- Item 3: "Sakura Masu (Cherry Trout)"
- Photo: delicate pink fish with a tiny sakura petal garnish
- Origin: "River-caught, Nagano"
- Description: "A spring delicacy with a clean, delicate flavor. Lightly cured and served with yuzu zest."
- Season badge: "Limited"
- Cards: semi-transparent dark background (rgba(15,23,42,0.8)), 12px border-radius, 1px border #1E293B
- Season badges: small pill in #F59E0B with dark text
- CTA below: "View Full Menu →" link in gold
5. OMAKASE EXPERIENCE (feature section)
- Two-column layout on cream/warm background: #FFFBEB
- Left side: vertical photo strip — 3 stacked images with 8px gaps:
- Chef slicing fish with a yanagiba knife
- Close-up of hands pressing nigiri
- A beautifully plated course on lacquerware
- Right side content:
- Gold label: "OMAKASE · おまかせ"
- Headline: "Leave It to the Chef"
- Description: "Our 18-course omakase is a journey through Japan's seasons, guided by Chef Kenji Tanaka's 25 years of experience. Each course is prepared in front of you at our hinoki wood counter. The menu changes daily based on what arrives from the market."
- Details grid (2x2):
- "18 Courses" — fork/knife icon
- "90 Minutes" — clock icon
- "$185 per person" — price tag icon
- "Sake pairing: +$65" — bottle icon
- CTA: "Reserve Omakase Seats" button — solid #B91C1C
- Small note: "Omakase seating limited to 14 guests per evening. Reservations required 48 hours in advance."
6. CHEF PROFILE (centered with photo)
- Background: #0F172A dark navy
- Large circular photo (240px): Chef Kenji Tanaka in traditional white chef's coat, focused and precise
- Below photo:
- Name: "Chef Kenji Tanaka · 田中健二"
- Title: "Head Chef & Owner"
- Bio: "Born in Osaka, Chef Tanaka trained for 12 years under Master Jiro Ono's protégé in Tokyo before opening Hikari in 2019. His approach honors Edomae tradition while embracing the finest seasonal ingredients from both Japan and the Pacific Northwest."
- Credentials row: "25 years experience · Michelin-recognized · James Beard semifinalist 2025"
- Text: white headline, #CBD5E1 body, #F59E0B accent text
7. GALLERY SECTION (masonry grid)
- 6 photos in asymmetric grid layout:
- Interior: minimalist dining room with hinoki counter, warm pendant lighting, and dark walls
- Action: chef torching aburi sushi with a blowtorch
- Detail: arrangement of colorful sashimi on an ice platter
- Ambiance: sake cups and a ceramic tokkuri on a stone surface
- Exterior: restaurant entrance with a noren curtain and soft lantern light
- Plating: a full omakase course laid out on the counter
- Hover: subtle warm overlay with a "+" icon
- Click: lightbox viewer with navigation arrows
- Background: #111827
8. REVIEWS & PRESS (combined section)
- Top row: press logos — "Featured in" followed by logos: The New York Times, Eater, Bon Appétit, Michelin Guide (shown as muted gray logos)
- Below: 3 review cards in horizontal scroll:
- Review 1: "An extraordinary omakase. Each course was a revelation." — The New York Times ★★★★
- Review 2: "Hikari is the closest you'll get to Tokyo without a plane ticket." — Eater — Editor's Pick
- Review 3: "The fish quality is unmatched. Chef Tanaka's knife work is mesmerizing." — Sarah K., Google Reviews ★★★★★
- Cards: dark background (#1E293B), 12px border-radius, gold left border 3px solid #F59E0B
- Star ratings in #F59E0B
9. RESERVATION SECTION
- Background: warm cream #FFFBEB
- Two-column layout:
- Left content:
- Headline: "Reserve Your Experience"
- Subtext: "We recommend booking at least one week in advance for omakase seating. Walk-ins welcome for à la carte dining at the bar, subject to availability."
- Details:
- Dinner: Tuesday–Saturday, 5:30 PM – 10:00 PM
- Omakase seatings: 6:00 PM and 8:30 PM
- Closed: Sunday & Monday
- Private dining: Available for parties of 6-8 (inquire directly)
- Phone: (555) 319-8800
- Email: reservations@hikarisushi.com
- Right side: reservation form
- Date picker input
- Time dropdown: "6:00 PM", "6:30 PM", "7:00 PM", "7:30 PM", "8:00 PM", "8:30 PM", "9:00 PM"
- Party size dropdown: 1-8 guests
- Dining preference: "Omakase Counter" / "À La Carte Bar" radio buttons
- Special requests textarea (2 rows)
- "Request Reservation" button — solid #B91C1C, full width
- Note: "You'll receive a confirmation email within 2 hours"
- Form fields: white background, 8px border-radius, 1px #D1D5DB border
10. LOCATION & FOOTER
- Map section: embedded map on left, address on right
- Address: "428 Pine Street, Suite B, Downtown"
- Parking: "Validated parking at Pine Street Garage"
- Transit: "2 blocks from Central Station (Blue Line)"
- Footer: dark background #0F172A
- Three columns:
- Dining: Menu, Omakase, Sake List, Private Events
- Visit: Hours, Location, Parking, Accessibility
- Connect: Instagram, Facebook, Email Newsletter
- Newsletter signup: "Join our list for seasonal menu updates" — email input + "Subscribe" button in #F59E0B
- Bottom: "© 2026 Hikari Sushi · 光" centered
- Social icons: Instagram, Facebook, Google Business
Design: Japanese-inspired minimalism meets modern sophistication. Primary: #B91C1C (deep red/aka), accent: #F59E0B (gold/kin), dark background: #0F172A (navy), warm sections: #FFFBEB (cream), card surfaces: #1E293B. Typography: Noto Sans for headings and body (clean, supports Japanese characters), weight 400/600/700. A decorative brush-script font for Japanese accent text. Generous negative space — 96px section padding, 40px element spacing. Thin gold dividers between sections. Subtle animations: fade-in on scroll, smooth hover transitions (300ms ease).
Responsive: On mobile, hero text stays centered with smaller font size. Seasonal menu cards stack vertically. Omakase section stacks (photos on top, content below). Gallery switches to 2-column grid. Reviews become swipeable cards. Reservation form stacks below details at full width. Footer columns stack with centered alignment. Minimum touch targets: 44px. Navigation becomes hamburger with slide-down overlay. Cómo usar este prompt
- 1 Copia el prompt de arriba
- 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
- 3 La IA generará el código del sitio web por ti
- 4 Personaliza e itera según tus necesidades
Más Prompts de Restaurant
Digital Menu Page
An interactive digital menu with categories, dietary filters, and beautiful food imagery
Food Delivery Landing Page
A conversion-focused landing page for a food delivery service or ghost kitchen
Reservation Booking Page
A streamlined table reservation system with date picker, party size, and special requests
Acerca de este Prompt de Restaurant
Este prompt Sushi Restaurant Homepage está diseñado para ayudarte a crear rápidamente sitios web profesionales de restaurant usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.
Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear sushi restaurant homepage. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.
Herramientas de IA Compatibles
- ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
- Claude 3 - Excelente para diseños web complejos y matizados
- v0 de Vercel - Perfecto para componentes React y Next.js
- Cursor - Ideal para codificación potenciada por IA en tu IDE
- Bolt.new - Prototipado rápido y apps full-stack
- Lovable - Constructor de sitios web IA fácil de usar