03-warm-traditional

## Palette

- `#7A1F2B` — **Primary** (bordeaux/burgundy del top header e dei badge "Il Cantuccio di San Lorenzo")
- `#F4C95D` — **Accent warm** (giallo ocra/senape della call-out band "Iscriviti alla newsletter")
- `#E89A4A` — **Accent terracotta** (arancio caldo della banda "BUY ONLINE / spese di spedizione")
- `#F5EFE6` — **Background cream** (sfondo principale delle sezioni prodotto)
- `#FFFFFF` — **Card background** (schede prodotto su fondo cream)
- `#2B2B2B` — **Body text** (grigio molto scuro, non nero puro)
- `#8A8A8A` — **Meta text** (label "IL CANTUCCIO DI SAN LORENZO" sopra i titoli prodotto)

## Typography

- **Headings principali**: serif elegante con leggera personalità calligrafica (tipo Playfair / Cormorant), usato per "Pasticceria fiorentina", "Pasticceria Secca", "Pastefrolle", "Panforti". Weight regular/medium, mai bold pesante.
- **Sottotitoli / claim**: serif corsivo o italic ("dall'autentico cuore di Firenze") per dare un tono manoscritto.
- **Body e label**: sans-serif umanista neutro (tipo Open Sans / Source Sans), weight 400–500.
- **Label categoria sopra il prodotto**: sans-serif, ALL CAPS, tracking ampio, dimensione piccola (~10–11px), grigio chiaro.
- **Range size approssimativi**: H1 hero ~36–44px, H2 sezione ~22–26px, titolo prodotto ~14–15px, body ~13–14px, label ~10–11px.
- **Contrasto tipografico forte** tra serif dei titoli e sans-serif minuscolo dei meta: dà il feel "artigianale ma ordinato".

## Layout patterns

- **Header sticky bordeaux** sottile con logo centrato circolare e icone (account, carrello) agli estremi.
- **Hero a tutta larghezza** con foto panoramica + testo bianco allineato a sinistra e CTA singola color senape.
- **Griglia 3-up** per le tessere "valori" (lavorazione artigianale, ricette, made in Florence) — card fotografiche con overlay testuale.
- **Banner orizzontali colorati a piena larghezza** che spezzano il ritmo (cream → terracotta → giallo) creando una progressione cromatica calda.
- **Liste prodotto verticali** con riga = thumbnail quadrata + testo a sinistra + prezzo sotto. Molto leggibili, poco "e-commerce duro".
- **Carosello prodotti in primo piano** con frecce di navigazione minimali in alto a destra.
- **Vertical rhythm generoso**: ogni sezione ha padding verticale ampio (~60–80px), niente compressione.
- **Footer multi-colonna** su fondo cream con logo ripetuto + colonne Informazioni / Account / Seguici.

## Imagery

- **Fotografia food professionale** sempre a colori caldi e saturi, con luce naturale dorata.
- **Hero ambientato** con skyline o landmark riconoscibile (tetti di Firenze, Duomo sullo sfondo) → senso del luogo.
- **Still life di prodotto** su tovaglie/legno chiaro, packaging artigianale visibile (carta avorio, etichette colorate).
- **Foto di processo**: mani del fornaio nel laboratorio, ingredienti grezzi → racconto del "come si fa".
- **Nessuna illustrazione vettoriale** se non per le piccole icone di trust (cuore, sacchetto, camion, lucchetto) in stile line minimale.
- **Overlay testuali leggeri** (semi-trasparenti scuri) solo dove necessario per leggibilità.

## Micro-copy

- **Lingua**: italiano, registro caldo e narrativo.
- **Tone of voice**: evocativo, sensoriale, legato al territorio. Frasi brevi che richiamano tradizione: *"dall'autentico cuore di Firenze"*, *"la magia dei sapori toscani prende vita"*, *"un'esperienza ricca e autentica dei gusti della tradizione"*.
- **Headline lunghezza**: 2–5 parole per i titoli principali, 8–14 parole per i sottotitoli descrittivi.
- **CTA singola e diretta**: "ASSAGGIA SUBITO", "SCOPRILI SUBITO" — verbo all'imperativo, ALL CAPS, su pulsante senape/ocra.
- **Punteggiatura sobria**: niente esclamativi multipli, niente emoji. Eventuali virgolette tipografiche per il claim heritage.
- **Categorizzazione leggibile**: nomi sezione semplici e in italiano ("Pasticceria Secca", "Pastefrolle", "Panforti").

## What to emulate

- **Palette calda mono-temperatura**: bordeaux + cream + terracotta + ocra, mai un colore freddo che rompa l'armonia.
- **Mix tipografico serif-titoli / sans-body** con label ALL CAPS sottili come terzo livello gerarchico.
- **Bande colorate full-width** che spezzano il flusso e funzionano sia da CTA sia da pausa visiva.
- **Fotografia che racconta luogo + prodotto + processo**, non solo packshot isolati.
- **Icon-row di rassicurazione** (ingredienti / artigianalità / spedizione / pagamenti) in fondo pagina con icone line e copy breve.
- **Logo vintage circolare** con silhouette architettonica o monogramma, ripetuto in header e footer.

## What to avoid

- **Blu, grigi freddi, neri puri o accenti neon** — spezzano il calore della palette.
- **Griglie dense in stile dashboard / SaaS** con molte card piccole ravvicinate e bordi netti.
- **Headline tecniche o markettare aggressive** ("BEST SELLER!!!", "-50% SOLO OGGI"), pop-up coupon, urgency banner.
- **Font display geometrici o futuristici** (tipo grotesk condensato, mono) che tradiscono il feel artigianale.