← Torna alla homeSitebrain · Design system

Un design system catalogato, non 4 pagine fisse

Ogni tipo di blocco (hero, galleria, servizi, prova sociale, chi siamo, contatti, CTA, FAQ, footer, e le categorie editoriali usate dalle pagine di Sitebrain stessa) ha più varianti, ciascuna con un contratto dati tipizzato e requisiti dichiarati. Le 4 pagine qui sotto sono esempi di composizione a partire dallo stesso catalogo.

Siti-esempio per verticale

ristorazioneTrattoria Al BorgoIl sapore di casa, ogni giornoricettivitaMasseria delle Terre RosseIl tuo rifugio nella campagna pugliesebeautyBellavita Beauty StudioIl tuo momento di bellezza, su misurapersonal_trainerLuca Marino CoachingTrasforma il tuo corpo, cambia la tua energia

Catalogo componenti (37 varianti, 15 categorie)

Header
  • Header standard
  • Header centrato
Hero
  • Hero centrato
  • Hero minimale
  • Hero split image
  • Hero slideshow
Galleria
  • Galleria a griglia
  • Galleria a carosello
  • Galleria masonry
Servizi
  • Servizi a card
  • Servizi a lista
  • Servizi a tabella menu
Prova sociale
  • Badge di fiducia
  • Testimonianza singola
  • Carosello recensioni
Chi siamo / Team
  • Bio singola
  • Griglia dello staff
  • Storia narrativa
Contatti / Prenotazione
  • Form di contatto semplice
  • Form di contatto con orari e mappa
  • CTA dirette WhatsApp/telefono
CTA banner
  • Banner CTA semplice
  • Banner CTA split con immagine
FAQ
  • FAQ a griglia
  • FAQ ad accordion
Footer
  • Footer semplice
  • Footer a colonne
Process / Steps
  • Passi in riga orizzontale
  • Passi in timeline verticale
Stats
  • Numeri in riga
  • Numeri a card
Comparison
  • Confronto prima/dopo
  • Confronto a card affiancate
Features
  • Lista di feature
  • Griglia di feature
Quote / Statement
  • Citazione editoriale
  • Citazione su blocco colorato