---
title: "Éclair 1.8: 12 direzioni artistiche per un sito unico"
description: "Éclair 1.8 aggiunge 12 direzioni artistiche, un’IA che immagina la tua e un Punteggio Design nell’editor. Contrasti garantiti e Lighthouse sempre a 100."
url: "https://eclaircms.org/blog/eclair-1-8-direzioni-artistiche"
lang: "it"
author: "Thierry Gustin"
published: "2026-11-01"
updated: "2026-11-01"
---

# Éclair 1.8: 12 direzioni artistiche per un sito unico

> **In breve** — Rilasciata il 1º novembre 2026, la versione 1.8 di Éclair aggiunge 12 direzioni artistiche: palette, carattere dei titoli, banner e impaginazioni pensate per un universo, da regolare liberamente. L’IA può immaginarne tre a partire dalla tua attività, per circa 0,03 $, e un Punteggio Design si affianca a SEO e GEO nell’editor. I contrasti sono garantiti, il carattere è servito dal tuo sito e Lighthouse resta a 100.

Éclair 1.8 è disponibile dal 1º novembre 2026. Finora un tema cambiava i colori; una **direzione artistica** cambia l’intero universo del tuo sito. Ne scegli una tra 12, la regoli, oppure chiedi all’IA di immaginare la tua. E un nuovo **Punteggio Design** ti aiuta a mantenere pagine pulite e chiare.

## Cosa cambia con Éclair 1.8?

| Novità | Cosa ti porta |
| --- | --- |
| 12 direzioni artistiche | Un universo completo: palette, carattere dei titoli, banner, punti di forza e icone |
| Regola la direzione | 5 colori, 18 caratteri per i titoli, maiuscole, angoli, spaziatura, schede e banner |
| Immagina la mia direzione con l’IA | Tre direzioni davvero diverse, tratte dalla tua attività, per circa 0,03 $ |
| Punteggio Design | Un terzo punteggio nell’editor, accanto a SEO e GEO |
| Dietro le quinte | Contrasti garantiti, carattere servito dal tuo sito, archivio da 479 KB, 550 verifiche |

## Che cos’è una direzione artistica?

![Lo stesso sito di ceramica in sei direzioni artistiche: Notturno, Galleria, Argilla, Riviera, Ricreazione e Stampa](https://eclaircms.org/media/2026/11/it-art-directions.webp)
*Lo stesso sito in sei delle dodici direzioni: Notturno, Galleria, Argilla, Riviera, Ricreazione e Stampa.*

Un tema cambia i colori; una direzione artistica cambia l’intero universo: palette, carattere dei titoli, dimensione dei titoli, angoli, spaziatura, composizione del banner, impaginazione dei punti di forza, fasce di colore e icone. Ognuna parte da un’idea concreta, non da un aggettivo:

| Direzione | Universo | Carattere dei titoli |
| --- | --- | --- |
| **Notturno** | La città di notte: blu profondo, luce ambrata | Big Shoulders Display, in maiuscolo |
| **Galleria** | Pareti bianche, didascalie nere, un rosso da segnaletica | Familjen Grotesk |
| **Argilla** | Il laboratorio di ceramica: sabbia, terracotta, forme morbide | Young Serif |
| **Botanica** | L’erbario e la serra: verde profondo, carta salvia | DM Serif Display |
| **Manifesto** | Il manifesto svizzero: nero su bianco sporco, arancione acceso | Archivo Black, in maiuscolo |
| **Riviera** | La riva del mare: blu navy, cielo pallido, corallo | Gloock |
| **Carta intestata** | Lo studio professionale: inchiostro blu navy, bordeaux, filetti sottili | Libre Caslon Display |
| **Neon** | Lo schermo creativo di notte: quasi nero, verde lime | Unbounded |
| **Dolcezza** | Lo studio di benessere: rosa cipria, prugna, tanta aria | Cormorant Garamond |
| **Cantiere** | Cemento, giallo di sicurezza, segnaletica condensata | Barlow Condensed, in maiuscolo |
| **Ricreazione** | Il cortile della scuola: azzurro cielo, rosso pomodoro, lettere tonde | Fredoka |
| **Stampa** | Il quotidiano del mattino: carta di giornale, rosso da prima pagina | Newsreader |

## Come scegliere e regolare la tua direzione?

1. In **Impostazioni › Aspetto**, scegli **Direzione artistica** invece di **Tema classico**.
2. Clicca su una delle 12 schede e guarda l’**anteprima in tempo reale**: il tuo vero sito, su computer o su smartphone.
3. Apri **Regola la direzione** per personalizzarla, poi salva: prima non si pubblica nulla.

Il pannello Regola la direzione apre tutte le impostazioni, da combinare liberamente:

- **5 colori**: sfondo, fasce e schede, testo, testo secondario, accento dei pulsanti e dei link.
- **Font dei titoli**: 18 caratteri scelti per la loro personalità, oppure un font di sistema. Il testo resta in un font di sistema, senza download.
- **Maiuscole nei titoli**, **dimensione dei titoli**, **angoli** (squadrati, smussati, arrotondati) e **spaziatura** (compatta, normale, ariosa).
- **Schede** con filetto sottile, campitura di colore o ombra portata, e **banner di apertura** con testo e immagine affiancati, manifesto, a tutta pagina, editoriale o centrato.
- **Punti di forza** in schede, righe o colonne, **sezioni** a sfondo uniforme o a fasce di colore, e **icone** disegnate al posto delle emoji.

Torni al tema classico quando vuoi: le sue impostazioni ti aspettano intatte.

## Come fa l’IA a immaginare la tua direzione?

![Impostazioni › Aspetto: scelta tra direzione artistica e tema classico, poi le schede delle 12 direzioni](https://eclaircms.org/media/2026/11/it-direction-settings.webp)
*Impostazioni › Aspetto: la direzione artistica o il tema classico, poi le 12 schede.*

Quando l’assistente IA è attivo, sotto le schede compare **Immagina la mia direzione con l’IA**. Descrivi la tua attività, il tuo pubblico e l’atmosfera che cerchi in una o due frasi, per esempio «panetteria bio di quartiere a Bologna, clientela familiare, calda ma moderna», poi clicca su **Proponi 3 direzioni**.

L’IA legge anche la presentazione del tuo sito e il tuo profilo editoriale. Parte dal mondo concreto della tua attività (luoghi, materiali, oggetti, luce), dà a ogni proposta un riferimento preciso e propone **tre direzioni davvero diverse**, evitando la scelta predefinita del tuo settore e i tic del design generato dall’IA. Questo metodo è adattato da [Impeccable](https://github.com/pbakaus/impeccable), di Paul Bakaus.

Le tre proposte si aggiungono in testa alle schede, contrassegnate da ✦: le provi nell’anteprima, le regoli, poi salvi quella che ti piace. L’IA sceglie solo tra le impostazioni di Éclair e non scrive mai CSS: ogni proposta viene verificata e i suoi contrasti corretti. Il costo indicativo è di circa 0,03 $ per le tre proposte con Claude Sonnet 5.5, detratto dal budget dell’assistente.

## Che cos’è il Punteggio Design?

Nell’editor, la scheda **Analisi** ora mostra un terzo anello, **Design**, accanto a SEO e GEO. Verifica che la tua pagina regga dal punto di vista visivo:

- **sottotitoli** brevi e in ordine gerarchico, senza emoji decorative;
- un **banner** con un titolo breve e un pulsante d’azione;
- **inviti all’azione** misurati, al massimo tre pulsanti;
- un blocco **Punti di forza** da 3 a 6 elementi descritti;
- un **testo** senza frasi in maiuscolo, senza superlativi vuoti, senza passaggi ripetuti né blocchi di oltre 350 parole senza respiro.

Il voto della scheda Analisi è la media dei tre anelli: una buona pagina viene trovata, viene citata ed è piacevole da leggere.

## Il tuo sito resta veloce e leggibile?

Sì, ed è garantito dal modo stesso in cui è costruito:

- **Contrasti WCAG garantiti**: qualunque siano i colori, scelti da te o dall’IA, Éclair regola il testo a 7:1 sullo sfondo, e il testo secondario, i link e i pulsanti a 4,5:1. È verificato su 20.000 palette generate a caso.
- **Nessun servizio di terzi**: il carattere dei titoli (da 12 a 27 KB) viene scaricato una sola volta dal tuo server, poi servito dal tuo sito e precaricato. I tuoi visitatori non contattano né Google Fonts né nessun altro.
- **Sempre 100/100**: Lighthouse dà 100 in tutte e quattro le categorie, anche con le direzioni Notturno, Riviera, Stampa e Manifesto.
- **Non si rompe nulla**: l’HTML non cambia, quindi nemmeno la SEO, i dati strutturati e l’accessibilità. I 6 temi classici restano identici fino all’ultimo byte.

## Come aggiornare a Éclair 1.8?

La procedura non cambia e non tocca i tuoi contenuti:

1. In **Sicurezza › Backup**, clicca su **Scarica un backup**.
2. Via FTP, elimina le cartelle `app/` e `assets/`, poi carica quelle della nuova versione insieme a `index.php` e `.htaccess`.
3. Non toccare né `data/` (contenuti, impostazioni, account, CSS personalizzato) né `media/` (immagini).
4. Nel pannello di amministrazione, clicca su **Impostazioni › Avanzate › Svuota la cache**.

Un solo punto da verificare: Éclair 1.8 richiede l’estensione PHP **zlib**, attiva di default quasi ovunque. E se il tuo hosting blocca le connessioni in uscita, il carattere di una direzione non può essere scaricato: Éclair ti avvisa e usa un font di riserva della stessa famiglia. La guida [Aggiornare, fare backup, traslocare](https://eclaircms.org/it/documentazione/aggiornamenti) descrive ogni passaggio nel dettaglio, e l’archivio da 479 KB ti aspetta nella pagina [Scarica](https://eclaircms.org/it/scarica).

## E poi?

Come per le versioni precedenti, i tuoi riscontri guideranno il seguito. Un’idea, un bug, una domanda? Scrivimi dalla [pagina dei contatti](https://eclaircms.org/it/contatti) oppure apri una segnalazione su [GitHub](https://github.com/Jacckisback/eclair-cms/issues).

## Domande frequenti su Éclair 1.8

### Le direzioni artistiche rallentano il mio sito?

No. Nella pagina vengono inserite solo le regole utili alla tua direzione, e il carattere dei titoli è servito dal tuo sito e precaricato. Lighthouse resta a 100 in tutte e quattro le categorie.

### Il mio tema attuale scompare?

No. I 6 temi classici sono sempre lì, identici fino all’ultimo byte. Passi da una direzione al tema classico quando vuoi, e ognuno conserva le sue impostazioni.

### Serve l’assistente IA per usare le direzioni?

No. Le 12 direzioni e il pannello Regola la direzione funzionano senza IA. Solo «Immagina la mia direzione con l’IA» richiede l’assistente, con la tua chiave Claude o ChatGPT.

### I miei visitatori si collegano a Google Fonts?

No. Il tuo server scarica il carattere una sola volta da Fontsource (licenza SIL Open Font License), poi lo serve da sé: nessuna richiesta a un servizio di terzi.

### Posso passare direttamente dalla 1.6 alla 1.8?

Sì: la procedura è la stessa qualunque sia la tua versione, e la 1.8 contiene le novità delle versioni precedenti. Fai semplicemente un backup prima.

[Scarica Éclair 1.8.0](https://eclaircms.org/it/scarica)

[Leggi la guida ai temi e alle direzioni](https://eclaircms.org/it/documentazione/temi)

— Thierry Gustin, Créateur d’Éclair CMS, consultant SEO et formateur IA · 1 novembre 2026