Balances brand prestige with practical restaurant UX (reservations, menus, locations). Template for any multi-location restaurant group wanting to elevate without confusing.
Visual Style
Personality Fit
Industry Fit
Business Model
Target Audience
Conversion Strategy
Balances brand prestige with practical restaurant UX (reservations, menus, locations). Template for any multi-location restaurant group wanting to elevate without confusing.
Design Patterns
Magazine-style grid; location-first UX with strong visual hierarchy; Subtle hover reveals; smooth page transitions
Recommended Stack
Reusable Modules
- Location Finder As Hero Cta For Restaurant Chains
- Heritage Storytelling Woven Into Navigation
- Food Photography As Primary Brand Language
Claude Design Prompt
Create an ORIGINAL design system inspired by the premium casual dining, heritage brand, editorial photography, clean navigation language of Din Tai Fung USA — never a copy. Palette: #C8102E, #FFFFFF, #1A1A1A, #F5F0E8, #8B7355. Typography: headline Refined serif, body Clean sans-serif, accent Italic serif. Layout: Magazine-style grid; location-first UX with strong visual hierarchy. Motion: Subtle hover reveals; smooth page transitions. Reinterpret these signature techniques tastefully: Location-finder as hero CTA for restaurant chains; Heritage storytelling woven into navigation; Food photography as primary brand language. Express a refined, welcoming, heritage-forward, confident personality (Sage, Creator archetype). Conversion-first, WCAG AA, dark/light ready, no scrolling marquees. Deliver design-dna.md + tokens.css.
Build Agent Prompt
Build an original, production-ready site in this design language using Custom CMS, React, Contentful. Implement: Magazine-style grid; location-first UX with strong visual hierarchy. Recreate these interactions (respect prefers-reduced-motion): Location-finder as hero CTA for restaurant chains; Heritage storytelling woven into navigation; Food photography as primary brand language. House rules: responsive (mobile/tablet/desktop, 500px floor), WCAG AA, Lighthouse 90+, dark/light toggle, unique imagery, no marquees. Match the refined, welcoming, heritage-forward, confident personality.
SMB Adaptation Notes
Restaurants
Translate Din Tai Fung USA's premium casual dining approach to restaurants: Location-finder as hero CTA for restaurant chains — adapted to menus, reservations, and location as the conversion path.
Home Services
Translate Din Tai Fung USA's premium casual dining approach to home services: Location-finder as hero CTA for restaurant chains — adapted to trust signals, a service catalog, and a book-a-quote CTA.
Professional Services
Translate Din Tai Fung USA's premium casual dining approach to professional services: Location-finder as hero CTA for restaurant chains — adapted to case studies, credentials, and a consultation CTA.
Automotive
Translate Din Tai Fung USA's premium casual dining approach to automotive: Location-finder as hero CTA for restaurant chains — adapted to showroom/inventory visuals and a test-drive booking CTA.
Real Estate
Translate Din Tai Fung USA's premium casual dining approach to real estate: Location-finder as hero CTA for restaurant chains — adapted to listings, neighborhood story, and an inquiry CTA.