Explorer
KNOW-PAT-171

Gallery — Patterns pour art, musées et expositions

Domaine
web-uiux
Type
pattern
Priorité
P2

Parent : [[INDEX-WEB-UIUX]]

Gallery — Patterns pour art, musées et expositions

Patterns de mise en page visuelle, espacement, typographie éditoriale, et navigation immersive. Extrait du corpus Godly (34 sites classifiés).

Quand utiliser cette fiche

  • L'utilisateur demande un site dans le domaine : gallery
  • Mots-clés détectés : gallery, art, museum, exhibition, visual, editorial

Références visuelles (top sites)

Site URL Views
Roman Tesliuk https://www.pixelwrld.co/roman 16 396
SILENCIO https://silencio.es 13 909
Maison Margiela https://www.maisonmargiela.com 10 759
entire studios https://www.entirestudios.com 7 795
User Interface Gallery https://ui.gallery 7 059
Bloobies https://www.bloobies.art 5 324
Kaleido Grafik https://kaleidografik.com 4 951
Bridget Baker https://bridget.pictures 4 584
Heart Aerospace https://heartaerospace.com 4 375
Context Gallery https://contextgallery.com 2 862
LAK Gallery https://www.lakgallery.com 2 676
Loftgarten https://www.loftgarten.co 2 403
Hartzler https://www.hartzlerdairy.com 2 206
Stillwater https://stillwater-artisanal.com 2 146
Ruben Wyttenbach Photography https://rubenwyttenbach.ch 2 119

Patterns observés (scraping de 2 sites)

Layout

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

Typographie

  • Fonts body : Times New Roman (1x), HaasR (1x)
  • Fonts headings : HaasT (9x), Inter (1x)

Couleurs dominantes

  • Backgrounds : rgb(255, 255, 255) (1x)
  • Texte : rgb(0, 0, 0) (2x)
  • Boutons (bg) : rgb(0, 153, 255) (1x), rgb(222, 222, 221) (1x)

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