# EmmeStudio — Brand Design System

Riferimento completo per la produzione di qualsiasi documento, presentazione o materiale visivo a nome EmmeStudio. Estratto dalle Brand Guidelines ufficiali (DilloStudio, giugno 2024) e integrato con i template operativi in uso.

---

## 1. Identità

- **Nome:** EmmeStudio (scritto come un'unica parola: "emme" + "studio", tutto minuscolo nel logo)
- **Settore:** Studio di Consulenti Fiscali e del Lavoro
- **Fondazione:** 1985
- **Sede:** Bergamo
- **Sito:** https://emmestudio.io

### Valori da comunicare (sempre)

| Valore | Declinazione |
|---|---|
| Digitalizzazione | Approccio digital-first, niente scartoffie |
| Efficienza | Il tempo è denaro |
| Adattamento | Aggiornamento continuo |
| Affidabilità | Team giovane + storico solido dal 1985 |
| Precisione | Rigore professionale, zero superficialità |
| Supporto | Guidare il cliente nel percorso fiscale |

---

## 2. Logo

### Varianti disponibili

| Variante | File | Quando usarla |
|---|---|---|
| **Primario** | `emmestudio_logo-{colore}.svg/png` | Default per tutti i documenti |
| **Primario + caption** | `emmestudio_logo-{colore}-caption.svg/png` | Quando serve il payoff sotto il logo |
| **Compresso** (2 righe) | `emmestudio_logo-compresso-{colore}.svg/png` | Spazi orizzontali ridotti |
| **Compresso + caption** | `emmestudio_logo-compresso-{colore}-caption.svg/png` | Compresso con payoff |
| **Monogramma** (mm) | `emmestudio_monogramma-{colore}.svg/png` | Solo spazi molto piccoli: favicon, icona app, tab browser |

Colori disponibili per ogni variante: `blu`, `nero`, `bianco`.

### Regole del logo

- **Clear space:** Larghezza della lettera "m" su tutti e 4 i lati. Nessun elemento dentro quest'area.
- **Dimensioni minime:** Primario ≥ 22px, Monogramma ≥ 17px, Compresso ≥ 43px (altezza).
- **Negativo:** Logo bianco su fondo scuro (#160C30).
- **Positivo:** Logo blu scuro (#160C30) su fondo chiaro.
- **Regola colore logo/sfondo:** Devono appartenere alla STESSA tinta (es. logo verde scuro su sfondo verde chiaro). Mai tinte diverse tra logo e sfondo.

### ❌ MAI fare

1. Ruotare il logo
2. Renderlo in outline
3. Usare 2+ colori nel logo stesso
4. Modificare proporzioni tra "emme" e "studio"
5. Stretchare/deformare
6. Cambiare i pesi dei font (emme=Bold, studio=Regular)
7. Metterlo su sfondo poco contrastante
8. Metterlo su immagini di fondo caotiche

---

## 3. Palette Colori

La palette ha **5 tinte**, ciascuna con **7 tonalità** + bianco (#FFFFFF).

**Tinta primaria = BLU** — da usare come default in qualsiasi situazione mono-tinta.

Per ogni tinta, le **tonalità primarie** sono: la più scura e la seconda più chiara.

### BLU (Primaria)

| # | Nome | HEX | RGB |
|---|---|---|---|
| 1 | **Blu scuro** ⭐ | `#160C30` | 22, 12, 48 |
| 2 | Blu 2 | `#1F2763` | 31, 38, 99 |
| 3 | Blu 3 | `#396BB2` | 57, 107, 178 |
| 4 | Blu 4 | `#508CCA` | 80, 140, 202 |
| 5 | Blu 5 | `#77B3DD` | 119, 179, 221 |
| 6 | **Blu chiaro** ⭐ | `#A5D3EC` | 163, 209, 234 |
| 7 | Blu chiarissimo | `#DBE8F6` | 217, 230, 244 |

### ROSSO

| # | Nome | HEX | RGB |
|---|---|---|---|
| 1 | **Rosso scuro** ⭐ | `#4D0D0D` | 76, 12, 12 |
| 2 | Rosso 2 | `#8F1C1C` | 142, 29, 29 |
| 3 | Rosso 3 | `#D44D63` | 209, 76, 99 |
| 4 | Rosso 4 | `#E36B82` | 224, 108, 129 |
| 5 | Rosso 5 | `#F599B0` | 244, 152, 174 |
| 6 | **Rosso chiaro** ⭐ | `#F5BFCC` | 244, 188, 202 |
| 7 | Rosso chiarissimo | `#F5E0E6` | 244, 223, 229 |

### VERDE

| # | Nome | HEX | RGB |
|---|---|---|---|
| 1 | **Verde scuro** ⭐ | `#032106` | 3, 33, 6 |
| 2 | Verde 2 | `#20441C` | 32, 68, 28 |
| 3 | Verde 3 | `#448044` | 68, 128, 68 |
| 4 | Verde 4 | `#619C61` | 98, 155, 98 |
| 5 | Verde 5 | `#8EC690` | 138, 194, 140 |
| 6 | **Verde chiaro** ⭐ | `#ABD0AC` | 167, 204, 168 |
| 7 | Verde chiarissimo | `#DAEADC` | 217, 235, 219 |

### VIOLA

| # | Nome | HEX | RGB |
|---|---|---|---|
| 1 | **Viola scuro** ⭐ | `#160C30` | 22, 12, 48 |
| 2 | Viola 2 | `#302178` | 48, 33, 120 |
| 3 | Viola 3 | `#5C47B2` | 92, 71, 178 |
| 4 | Viola 4 | `#8075C9` | 128, 117, 201 |
| 5 | Viola 5 | `#B89CED` | 184, 156, 237 |
| 6 | **Viola chiaro** ⭐ | `#D1BDF5` | 209, 189, 245 |
| 7 | Viola chiarissimo | `#E9E2FF` | 235, 227, 255 |

### GIALLO

| # | Nome | HEX | RGB |
|---|---|---|---|
| 1 | **Giallo scuro** ⭐ | `#2E1405` | 46, 20, 5 |
| 2 | Giallo 2 | `#613312` | 97, 51, 18 |
| 3 | Giallo 3 | `#D69E54` | 214, 158, 84 |
| 4 | Giallo 4 | `#E8BD63` | 232, 189, 99 |
| 5 | Giallo 5 | `#F2D48C` | 242, 212, 140 |
| 6 | **Giallo chiaro** ⭐ | `#FCE8AD` | 252, 232, 173 |
| 7 | Giallo chiarissimo | `#FCF2DE` | 252, 242, 222 |

### Regole colore

- **Default mono-tinta:** Usare sempre la tinta BLU se non diversamente specificato.
- **Combinazioni consentite:** Tonalità della STESSA tinta con contrasto sufficiente (scuro su chiaro o viceversa).
- **⛔ Vietato:** Gradienti/sfumature. Sovrapporre tonalità di tinte diverse (es. rosso su verde, blu su giallo).
- **Contrasto:** Se il contrasto è basso, compensare con dimensioni maggiori degli elementi.

---

## 4. Tipografia

### Font ufficiali (primari)

| Ruolo | Font | Peso | Uso |
|---|---|---|---|
| **Titoli** | Ivar Soft | Semibold | Solo titoli. Mai per corpo testo. Mai in CAPSLOCK. |
| **Tutto il resto** | Open Sauce One | Vari (Light → Black + Italic) | Sottotitoli, corpo, caption, tabelle, elenchi |

I file font sono disponibili nella cartella `BRAND/RIASSUNTO BRAND/Fonts/` su Google Drive (emmestudio.team@gmail.com).

### Font fallback (quando i font ufficiali non sono disponibili)

| Ruolo | Fallback 1 | Fallback 2 | Note |
|---|---|---|---|
| Titoli (al posto di Ivar Soft) | Georgia | Libre Baskerville | Serif con grazie morbide, il più simile |
| Corpo (al posto di Open Sauce One) | Arial | Inter | Sans-serif geometrico pulito |

⚠️ **I fallback sono accettabili per documenti interni e bozze. Per materiale cliente e comunicazioni ufficiali, usare sempre i font primari.**

### Gerarchia tipografica

| Livello | Font | Peso | Dim. riferimento | Interlinea |
|---|---|---|---|---|
| Titolo | Ivar Soft | Semibold | 18-24pt (documenti), 36-60pt (presentazioni) | 90%–110% |
| Sottotitolo | Open Sauce One | Semibold | 12-16pt (documenti), 24-40pt (presentazioni) | 90%–110% |
| Corpo | Open Sauce One | Regular | 8.5-10pt (documenti), 16-20pt (presentazioni) | 120%–140% |
| Caption/Note | Open Sauce One | Regular | 7-8pt (documenti), 12-14pt (presentazioni) | 120% |

### ❌ MAI fare con la tipografia

1. Interlinea troppo ampia o troppo stretta
2. Mescolare Ivar Soft e Open Sauce One nello stesso paragrafo
3. Usare Ivar Soft per paragrafi di corpo testo
4. Usare Ivar Soft in TUTTO MAIUSCOLO
5. Usare più tinte (es. rosso + blu) nello stesso paragrafo

---

## 5. Stile Visivo

### Principi generali

- **Mood:** Professionale, elegante, minimalista, editoriale
- **Densità contenuto:** Bassa-media, molto spazio bianco
- **Elementi decorativi:** Quasi assenti, pulizia grafica
- **Gerarchia:** Sempre chiara → titolo grande serif → sottotitolo sans → corpo → footer
- **Contrasto primario:** Blu scuro (#160C30) vs. blu chiaro (#A5D3EC) o bianco
- **Evidenziazione testo:** Solo variazione di peso (bold). Mai colori diversi, mai sottolineato per enfasi

### Tabelle

- Stile pulito, bordi sottili o nessun bordo
- Header tabella: sfondo tonalità scura della tinta in uso, testo bianco o chiaro
- Righe alternate: tonalità chiarissima (es. #DBE8F6) e bianco
- Font: Open Sauce One Regular per il contenuto, Semibold per header
- Allineamento numeri a destra, testo a sinistra

### Elenchi

- Bullet: pallino pieno (•), nero o blu scuro
- Numerati: cifra + punto (1., 2., ecc.)
- Interlinea generosa tra gli elementi

---

## 6. Footer Standard

**Documenti (carta intestata/preventivi):**
- Logo EmmeStudio nell'header
- Footer con dati dello studio: indirizzo, contatti, P.IVA
- Font: Open Sauce One Regular, dimensione piccola (7-8pt)

**Presentazioni:**
- Footer: `EmmeStudio [anno]. Tutti i diritti riservati | [numero pagina]`
- Posizione: angolo inferiore destro
- Font: Open Sauce One Light, dimensione piccola
- Slide copertina/chiusura: logo a sinistra, relatore e data a destra

---

## 7. Clausole Standard (Preventivi)

Ogni preventivo EmmeStudio include queste formule fisse:

- `Tutti i prezzi indicati sono da intendersi IVA esclusa, fatto salvo per i diritti e le spese anticipate.`
- `Tale offerta ha validità 30 giorni dalla data del documento.`
- `Firma per accettazione: ______________________________`

---

## 8. Risorse

### Logo (inclusi nella skill)

I loghi principali sono nella cartella `assets/logo/` di questa skill:

```
assets/logo/
├── logo-blu.svg / .png      → Default per documenti su sfondo chiaro
├── logo-nero.svg / .png     → Alternativa monocromatica
├── logo-bianco.svg          → Per sfondi scuri
├── logo-compresso-blu.svg   → Versione 2 righe
├── logo-compresso-bianco.svg → Versione 2 righe per sfondi scuri
├── monogramma-blu.svg / .png → Solo per spazi ridotti (favicon, icona)
└── monogramma-nero.svg      → Monogramma monocromatico
```

### Risorse aggiuntive su Google Drive

Font, template .docx/.key, e brand guidelines PDF completo sono nella cartella **CORTEX/BRAND/** dell'account Google Drive `emmestudio.team@gmail.com`:

```
BRAND/
├── RIASSUNTO BRAND/
│   ├── Logo/ (set completo con tutte le varianti + caption)
│   ├── Fonts/ (Open Sauce One + Ivar Soft Semibold, formati OT e Web)
│   ├── 240611_emmestudio_brand-guidelines_low 2.pdf
│   └── emmestudio_palette.ase
├── CARTA INTESTATA - PREVENTIVI/
│   ├── EmmeStudio_CartaIntestata.docx
│   ├── 000000_Cliente_SRLStartupGestione.docx
│   ├── 000000_Cliente_ForfettarioArtCommAperturaGestione.docx
│   └── 000000_Cliente_SRL_VersamentoCS.docx
└── PPT/
    ├── EmmeStudio_EsempioPresentazione.key
    └── EmmeStudio_EsempioPresentazione.pdf
```