Explorer
KNOW-PAT-181

Food — Patterns pour restauration et gastronomie

Domaine
web-uiux
Type
pattern
Priorité
P2

Parent : [[INDEX-WEB-UIUX]]

Food — Patterns pour restauration et gastronomie

Patterns de visuels appétissants, atmosphère, et réservation. Extrait du corpus Godly (17 sites classifiés).

Quand utiliser cette fiche

  • L'utilisateur demande un site dans le domaine : food
  • Mots-clés détectés : food, restaurant, gastronomy, atmosphere, visual

Références visuelles (top sites)

Site URL Views
AndAgain https://andagain.uk 28 553
Postevand https://postevand.com 8 797
Decem https://decemdrinks.com 5 731
re_ https://regrocery.co 5 588
AESOP. Wines https://www.aesopwines.com 3 476
Orbita https://orbita.coffee/en 3 219
That Wine Is Mine https://thatwineismine.sg 3 085
Touchy Coffee https://touchycoffee.com 2 432
Redbrick https://redbrick.coffee 2 289
Andy Davies https://www.daviescreations.co.uk 2 074
Bareis + Nicolaus - https://www.bareis-nicolaus.com 1 842
The Sea We Breathe https://theseawebreathe.com 1 636
Essie Wine https://www.essiewine.com 1 534
TOMO https://tomoseattle.com 1 306
818 https://drink818.com/ 1 165

Patterns observés (scraping de 1 sites)

Layout

  • Hero section : 0% des sites
  • CTA visible : 0% des sites
  • Grid layout : 0% des sites
  • Dark mode : 100% des sites
  • Sections moyennes : 1.0 par page

Typographie

  • Fonts body : Spezia (1x)
  • Fonts headings : Spezia (11x)

Couleurs dominantes

  • Backgrounds : rgb(0, 0, 0) (1x)
  • Texte : rgb(255, 255, 255) (1x)
  • Boutons (bg) : Variées

Composants récurrents

  • Hero avec titre principal + sous-titre
  • Section features / bénéfices
  • Témoignages / social proof
  • Pricing / CTA final
  • Footer avec liens et newsletter

Animations

  • Hover effects sur boutons et liens
  • Scroll-triggered reveals
  • Parallax et micro-interactions
  • Transitions fluides entre sections

Anti-patterns à éviter

  • Ne pas copier un design sans adapter au contexte client.
  • Éviter les layouts surchargés qui nuisent à la lisibilité.
  • Toujours tester le responsive.

Méthode d'extraction