01-modern-minimal

## Palette

- `#FFFFFF` — Background primario (barra superiore, footer, spazi neutri)
- `#E8A87C` — Crosta dorata/ambrata del croissant, definisce il "warm neutral" dominante della hero
- `#F5E6C8` — Mollica chiara, crema burrosa (tono caldo secondario)
- `#C9742E` — Accent copper/terracotta usato nel wordmark "JANJOU" (unico colore di brand)
- `#2A2A2A` — Testo nav e footer (nero leggermente ammorbidito)
- `#A8A8A8` — Grigio fuori fuoco dello sfondo immagine (bokeh neutro)

## Typography

- **Wordmark/Logo**: serif condensato con caratteristiche classiche (tipo Trajan/Cinzel), tutto maiuscolo, lettering spaziato, colore copper. Sottotitolo "ARTISAN BOUTIQUE BAKERY" in sans-serif minuscolo tracking ampio.
- **Navigazione e UI**: sans-serif geometrico/humanist (tipo Futura, Avenir o Montserrat), tutto MAIUSCOLO, letter-spacing ampio (~0.1em), weight regular/medium.
- **Announcement bar**: stesso sans-serif, maiuscolo, dimensione 12-14px, peso regular con una riga in corsivo sottile ("CLOSED: Mon-Wed").
- **Font-size range**: nav ~13-14px, announcement ~12-13px, wordmark ~22-26px, footer micro-copy ~11-12px. Nessun heading H1/H2 visibile — la tipografia resta sempre piccola e discreta.
- **Weight**: prevalentemente regular (400), nessun bold marcato.

## Layout patterns

- **Header sticky a tre fasce**: (1) announcement bar centrata su fondo bianco con info orari, (2) nav bar con logo a sinistra e menu centrato + icone social a destra, (3) underline sottile sotto la voce attiva ("HOME").
- **Hero full-bleed**: immagine occupa 100% width e ~90% viewport height, nessun testo sovrapposto, nessun CTA, nessun overlay. L'immagine *è* la pagina.
- **Footer minimal monolinea**: link inline separati da spazi generosi (About · Work of Art · Hours · Press · Contact · Find Us · FAQ · Terms of Use), poi icone social centrate, poi una riga con indirizzo + telefono + email, infine copyright.
- **Allineamento centrato** per tutto il footer e l'announcement bar; nav header bilancia logo-sinistra / menu-centro / social-destra.
- **Vertical rhythm**: spazi bianchi ampi e regolari (~40-60px) tra le sezioni del footer; nessuna divisione visiva con bordi/box.
- **Nessuna griglia visibile**: il sito è essenzialmente single-column.

## Imagery

- **Una sola fotografia editoriale a piena pagina**: macro shot ravvicinato del prodotto signature (croissant tagliato in sezione, alveolatura visibile).
- **Trattamento full color naturale**, luce morbida diffusa, sfondo sfocato neutro (bokeh grigio/verde tenue).
- **Composizione "still life da galleria d'arte"**: prodotto centrato, mano umana visibile (tocco artigianale), simmetria specchiata delle due metà.
- **Nessuna illustrazione, nessuna icona decorativa** (solo le icone social Facebook/Instagram minimal nel nav e footer).
- L'immagine non ha didascalia né overlay testuale: parla da sola.

## Micro-copy

- **Lingua**: inglese, registro informativo-funzionale, non commerciale.
- **Tone-of-voice**: pragmatico, essenziale, quasi notarile. Comunica fatti (orari, chiusure, contatti) senza marketing speak.
- **Esempi osservati**:
  - "CLOSED FOR VACATION 2-15 February 2026"
  - "REOPENING THURSDAY 02/19/2026"
  - "OPEN: Thu-Sun 8am-2pm. / CLOSED: Mon-Wed"
  - Voci di menu lapidarie: "HOME", "PRE-ORDERS", "E-GIFT CARD", "CAREERS"
- **Lunghezza headline**: nessun vero headline marketing. Le frasi più lunghe sono comunicazioni di servizio (max ~8 parole).
- **Punteggiatura**: due punti per separare label e valore ("OPEN:", "CLOSED:"), nessuna esclamazione, nessuna emoji.

## What to emulate

- **Una singola immagine full-bleed come homepage**, senza testo sovrapposto né CTA — l'oggetto del business è il visual.
- **Wordmark serif elegante in accent color caldo** + tagline sans-serif tracked sotto, formula identitaria forte e compatta.
- **Palette estrattiva**: bianco + neutri caldi presi direttamente dalla foto + un solo accent (copper/terracotta).
- **Footer monolinea con link inline separati da spazi ampi**, niente colonne, niente box, niente newsletter form.
- **Announcement bar discreta a piena larghezza** per comunicazioni di servizio, con pulsante di chiusura (×) in alto a destra.

## What to avoid

- Carousel, slider, hero video, overlay testuali sull'immagine o gradient scuri sopra le foto.
- Marketing copy lungo, claim emozionali, esclamazioni o linguaggio "premium-speak" ("crafted with passion…").
- Più di un colore accent, gradienti, ombre, bordi arrotondati pronunciati o componenti UI decorati (i bottoni, se servono, devono essere testo semplice o underline).