# Kit grafico EDEH · Guida di stile delle presentazioni

*ProfTecnologIA Framework · a cura di Antonio Scaramuzzino · CC BY-SA 4.0*

Il kit serve a produrre presentazioni sui rapporti EDEH coerenti con la sezione `/edeh/` del sito. È un'identità grafica originale: non usa loghi EDEH, INDIRE o della Commissione europea.

## Idea grafica

Il motivo ricorrente sono i **tre anelli intrecciati** della triade: *per* l'IA (blu), *l'*IA (ocra), *con* l'IA (verde), con un punto corallo al centro. Compaiono grandi in copertina e in chiusura, piccoli in alto a sinistra in ogni slide di contenuto. Nelle slide di sezione un solo anello è pieno: quello dell'approccio di cui si parla.

## Colori

| Ruolo | Esadecimale | Uso |
|---|---|---|
| Grafite | `1F2430` | Colore dominante: copertina, chiusura, titoli, riquadri scuri |
| Grafite scuro | `161A23` | Pannello destro della copertina |
| Corallo | `FF7A59` | Accento: punto degli anelli, frecce, numeri su fondo scuro. Mai per testo su bianco |
| Corallo scuro | `A8361B` | Testo d'accento su bianco, link, numeri delle attività, avvertenze |
| Corallo tenue | `FFE9E2` | Fondo dei riquadri «Attenzione» e «Nota del curatore» |
| Insegnare per l'IA | `2459A8` (tenue `E7EEF9`, su scuro `7FB0F5`) | Tutto ciò che riguarda l'approccio *per* |
| Insegnare l'IA | `9A6200` (tenue `F8EEDA`, su scuro `F0B85A`) | Approccio *l'* (sull'IA) |
| Insegnare con l'IA | `0E7C66` (tenue `DFF2EC`, su scuro `5FD1B3`) | Approccio *con* |
| Testo secondario | `5B6170` | Introduzioni, fonti, didascalie |
| Linee e fondi | `D9DCE3`, `F4F5F8` | Bordi delle carte, fondo delle slide di attività |

Il rischio dell'AI Act ha una scala propria: rosso `B3261E` (vietato), arancione `D9622B` (alto), giallo `F2B33D` (limitato), verde `3C8D5A` (minimo).

## Caratteri

- **Outfit** (grassetto) per titoli, numeri e intestazioni delle carte.
- **Source Sans 3** per il testo.
- Entrambi sono gratuiti su Google Fonts. Se non sono installati, PowerPoint li sostituisce e alcuni testi possono andare a capo in modo diverso: per la proiezione conviene installarli o usare il PDF.

Dimensioni: titoli 30 pt; sezioni 38 pt; testo da 14 a 20 pt, scelto in automatico perché riempia il riquadro senza uscirne, uguale nelle carte della stessa slide; fonti e didascalie 11 pt.

## Layout (schemi diapositiva)

| Nome | Uso |
|---|---|
| EDEH Copertina | Modulo, titolo, sottotitolo, autore; anelli grandi a destra |
| EDEH Sezione g / per / lia / con | Divisori: numero grande sul pannello colorato, etichetta, titolo, domanda guida |
| EDEH Titolo | Tutte le slide di contenuto: anelli piccoli, titolo, piè di pagina con fonte e numero |
| EDEH Attivita | Laboratori: fondo grigio chiaro, pannello grafite con tempo, modalità, materiali e prodotto, passi numerati con minuti |
| EDEH Chiusura | Sintesi, prossimi passi, fonti e licenza |

## Tipi di slide del generatore

`cover`, `obiettivi`, `percorso`, `sez`, `cards` (griglie di carte con icona o numero), `table`, `steps` (processi con frecce), `numlist` (elenco numerato con pannello laterale), `stats` (numeri grandi), `chart` (grafico a barre nativo), `compare` (due colonne a confronto), `quote`, `warn` (attenzione e note del curatore), `att` (attività), `pyramid` (piramide del rischio o curricolare), `timeline`, `close`.

## Regole di contenuto

- Una slide, un messaggio; titoli senza punto finale, su una riga.
- Ogni affermazione dei rapporti porta il riferimento «R<n> p. <x>» nella fonte o nelle note.
- Aggiornamenti normativi e interpretazioni sono marcati come «nota», «sintesi» o «proposta del curatore».
- Citazioni testuali solo brevi e tra caporali «»; per il resto sintesi con parole proprie (i PDF non indicano una licenza).
- Le note del relatore contengono la spiegazione, le fonti e le soluzioni delle attività.

## Rigenerare le presentazioni

Nella cartella `_sorgenti`: `palette.js` (colori), `make_img.js` (anelli e icone), `kit.js` (layout e renderer), `m1.js`, `m2.js`, `m3.js` (contenuti e note), `build.js` (pptx e testo .md), `render.sh` (pptx, pdf, controllo). Servono Node con `pptxgenjs`, `sharp`, `react-icons` e LibreOffice per il PDF. Modificare il testo nei file `m*.js` e rieseguire `node build.js m1 m2 m3`: il testo .md si aggiorna dallo stesso elenco.