Struttura dettagliata del sito di un artista di arti figurative

Presentare in maniera professionale l’artista (biografia, statement, contatti).
Offrire una galleria di opere ordinata e facilmente navigabile.
Creare uno spazio per eventi, mostre e news.
Consentire il contatto diretto (form email o social).
Esprimere coerenza estetica con lo stile dell’artista tramite un uso mirato di CSS (colori, tipografia, layout responsivo).

🗂 Architettura delle pagine

Obiettivo: dare un impatto immediato, con immagine o slider di un’opera significativa.
Elementi:
- Logo o firma dell’artista.
- Menu di navigazione chiaro (Home, Biografia, Opere, Mostre, Contatti).
- Testo breve introduttivo (es. "Arte che unisce forma e materia...").
- Richiamo immediato a una sezione in evidenza (es. ultima mostra o opera del mese).

Obiettivo: raccontare il percorso dell’artista e la sua filosofia.
Elementi:
- Ritratto fotografico dell’artista.
- Testo lungo con biografia narrativa.
- Citazioni o statement sull’arte personale.
- Eventuale timeline interattiva con tappe principali.

Obiettivo: mostrare le opere in modo ordinato e immersivo.
Struttura CSS da evidenziare:
- Layout a griglia grid/flexbox.
- Filtri (categorie: pittura, scultura, installazioni).
- Hover effects: effetto zoom o overlay con titolo/opera.
Elementi:
- Miniature cliccabili → lightbox con immagine grande + dettagli (titolo, tecnica, anno, dimensioni).

Obiettivo: informare il pubblico su mostre passate, presenti e future.
Elementi:
- Lista cronologica di eventi.
- Schede con immagine locandina, data, luogo, breve descrizione.
- Sezione "Eventi passati" con archivio consultabile.

Obiettivo: facilitare la comunicazione con pubblico e gallerie.
Elementi:
- Form contatti (nome, email, messaggio).
- Link ai social network.
- Eventuale indirizzo email diretto.
- Mappa interattiva (se l’artista ha uno studio aperto al pubblico).

Elementi:
- Copyright e nome artista.
- Link rapidi al menu.
- Icone social stilizzate.
- Eventuale newsletter.

Palette colori
- Ispirata alle opere dell’artista: colori neutri (sfondo bianco o nero) con accenti cromatici derivati dalle tele/sculture.
Tipografia
- Font serif elegante per i testi (narrazione biografia).
- Font sans-serif moderno per i titoli e menu.
- Uso del contrasto per leggibilità.
Layout
- Responsive design con media queries (mobile-first).
- Griglie flessibili con CSS Grid per gallerie.
- Spaziature ampie per valorizzare le opere.
Animazioni ed effetti
- Transizioni morbide al passaggio del mouse.
- Fade-in per immagini della galleria.
- Header con effetto sticky al scroll.

index.html → Homepage
biografia.html → Pagina biografia
galleria.html → Opere
mostre.html → Mostre ed eventi
contatti.html → Contatti
style.css → Foglio di stile principale
script.js → Eventuali interazioni dinamiche (lightbox, menu mobile)
Cartelle:
- /img → immagini delle opere e foto artista
- /css → fogli di stile aggiuntivi
- /js → script