--- name: template-copertina-bg-perspective description: Specifiche congelate del template grafico delle slide dei caroselli Instagram di @bg_perspective metadata: node_type: memory type: project originSessionId: c3e2fc4c-be09-400e-b164-29944c983cf8 modified: 2026-08-31T08:26:24.988Z --- Template di **tutte le slide** dei caroselli di @bg_perspective (Instagram forza a tutto il carosello il rapporto della prima slide). Vedi [[progetto-instagram-bg-perspective]], [[slide-durata-vera]] e [[vincoli-instagram-verificati-2026]]. **Canvas 1080×1440 (3:4).** Font Bebas Neue per i titoli, Inter per il resto, entrambi in locale sotto SIL OFL. Fondo #000, accento ambra **#E0A340**, testo secondario #8d8d8d, linee #262626. Margini laterali 64. ## Copertina Foto 1080×1140 in alto, ritaglio centrato (si perde il 29% della larghezza da una sorgente 4032×3024). Sfumatura sul 40% inferiore. Titolo Bebas 136 (120 se va su due righe) a 26 px dal bordo inferiore, allineato a sinistra: l'angolo in alto a destra della miniatura ha l'icona carosello. Banda nera 300: credits "Autori · anno · Editore italiano" a 30 px centrati verticalmente, linea, poi le tre colonne con padding 44 sopra e sotto. **Le tre colonne non sono uguali: 25% / 32% / 43%.** Con colonne uguali ognuna ha 297 px utili e "Impegnativo" a corpo 54 ne occupa 324. Etichette 30 px ambra maiuscole tracking .13em, valori Inter 600 a **54 px per tutti e tre**, nessuna riduzione. ## Regole di scrittura dei dati - Durata scritta **30–120′**, unità una volta sola alla fine. Il doppio simbolo solo con unità diverse (30′–2h). - Trattino en dash con **margine 0,10em** per lato: Inter lo attacca alle cifre. - Scala del peso, quattro livelli: **Leggero** sotto 2,0, **Medio** da 2,0 a 3,0, **Impegnativo** da 3,0 a 3,8, e sopra 3,8 **Cinghiale** se il gioco è un gestionale, **Per esperti** altrimenti. "Cinghiale" è gergo vero e verificato (Miss Meeple, Tana dei Goblin) ma si dice solo degli eurogame: la regola guarda categorie (Economia, Industria, Agricoltura, Costruzione Città) e meccaniche (Piazzamento Lavoratori). ## Le altre slide - **Foto sopra, testo sotto**: foto **810**, cioe' il 4:3 pieno della sorgente, con sfumatura che sale dal nero e testo ancorato in basso. A 760 la foto veniva tagliata sopra e sotto per lasciare nero che non serviva a niente: il testo di sei righe sta comodo lo stesso. - **Testo sopra, foto sotto**: specchiata, sfumatura che scende sulla foto. Si alternano per rompere il ritmo. - **Durata**: vedi [[slide-durata-vera]]. - **Scatola**: immagine BGG (campo `image`), occhiello in alto a 44, box **460**, poi tre blocchi (Edizione italiana, Come funziona, Di cosa parla) con **stacco 70 uniforme**, e in fondo le stesse tre colonne dei dati. Massimo quattro meccaniche. - **Chiusura**: foto 700 con sfumatura, filetto ambra, domanda in Bebas 104, riga grigia "Salvalo se ti serve alla prossima serata." Nessuna slide di sola foto: ogni scatto sta in una slide che dice qualcosa. Corpo del testo 48, interlinea 66. Il taglio fra foto e nero è sempre sfumato, mai netto. **Le pill hanno bordo 3px #5a5a5a** (ambra #8a6a33). A 1px, come erano all'inizio, su una tela larga 1080 il contorno diventa mezzo pixel sul telefono e sparisce: la pill sembra testo sospeso nel nero. Vale per ogni filetto sottile del template. **Scartati:** pills, loghi ritagliati dalle scatole, targhetta senza testo sulla foto, ritaglio 4:5, font condensato per i valori, "Tosto" e "Facile" come etichette del peso, colonne di uguale larghezza. **How to apply:** il generatore deve controllare da solo che i blocchi non traboccino e avvisare invece di produrre una slide sbagliata. I mockup di lavoro stanno in `scratchpad/mockup/`, si guardano con `python3 -m http.server 8777`; l'ultimo buono è `carosello_finale.html`. ## Le tre colonne si adattano al contenuto, dal 2026-09-04 Erano larghezze fisse, **25% / 32% / 43%**, misurate sul caso peggiore: "Impegnativo" nel peso e una durata a forbice tipo "90-120'". Quando quel caso non c'era, Durata e Peso restavano larghe e mezze vuote mentre **GIOCATORI**, che ha l'etichetta piu' lunga delle tre, stava stretta. Paolo l'ha visto su post2_1, Dixit: *"la 1° colonna GIOCATORI è tutta ristretta nel suo spazietto, mentre Durata e Peso sono larghissimi, e chi vede il post si chiede come mai questa mal uniformità di aria e spazi."* Sostituite da due righe di CSS: ```css .dati3>span{flex:1 1 auto} .k{white-space:nowrap} ``` `flex:1 1 auto` fa partire ogni cella dalla larghezza del suo contenuto e divide lo spazio che avanza in tre parti uguali: ogni cella ha la sua misura naturale piu' **la stessa aria delle altre**. Su Dixit le celle passano da 238/305/409 px a 329/275/347, cioe' 132 px di respiro a testa. Il `nowrap` non e' un dettaglio: senza, "GIOCATORI" va a capo e la misura di partenza salta. Provata anche una variante con `padding:0 24px` come pavimento, per non far appoggiare il testo al filetto. **Non serve**: anche nel caso piu' pieno della collezione (Revive, `1-4` + `90-120'` + `Impegnativo`) avanzano 70 px per cella. Le due varianti escono identiche su tutti i casi provati. **Il compromesso, accettato da Paolo:** i filetti divisori non stanno piu' nella stessa posizione da un post all'altro. Dentro lo stesso post copertina e slide della scatola restano allineate, perche' i dati sono gli stessi. Sua risposta: *"è vero che ora non abbiamo più un design congelato, ma l'utente guarda sempre il post singolo, e ora sono davvero più eleganti. Per i post visti nella griglia del mio profilo il problema non sussiste, perché son miniature davvero piccole."* Le prove stanno in `out/prove/dati3/` e si rifanno con `codice/prova_dati3.py` (archiviato il 28/9 in `_archivio/2026-09-28/_instagram/`), che sovrascrive il CSS a valle senza toccare `slide.py`. Serve ancora se un giorno si rimette mano a questa fascia.