---
title: "Éclair 1.8 : 12 directions artistiques pour un site unique"
description: "Éclair 1.8 ajoute 12 directions artistiques, une IA qui imagine la tienne et un Score Design dans l’éditeur. Contrastes garantis et Lighthouse toujours à 100."
url: "https://eclaircms.org/blog/eclair-1-8-directions-artistiques"
lang: "fr"
author: "Thierry Gustin"
published: "2026-11-01"
updated: "2026-11-01"
---

# Éclair 1.8 : 12 directions artistiques pour un site unique

> **L’essentiel** — Sortie le 1er novembre 2026, la version 1.8 d’Éclair ajoute 12 directions artistiques : palette, police de titre, bannière et mises en page pensées pour un univers, à ajuster librement. L’IA peut en imaginer trois à partir de ton activité, pour environ 0,03 $, et un Score Design rejoint le SEO et le GEO dans l’éditeur. Les contrastes sont garantis, la police est servie par ton site et Lighthouse reste à 100.

Éclair 1.8 est disponible depuis le 1er novembre 2026. Jusqu’ici, un thème changeait des couleurs ; une **direction artistique** change tout l’univers de ton site. Tu en choisis une parmi 12, tu l’ajustes, ou tu demandes à l’IA d’imaginer la tienne. Et un nouveau **Score Design** t’aide à garder des pages nettes.

## Qu’est-ce qui change avec Éclair 1.8 ?

| Nouveauté | Ce qu’elle t’apporte |
| --- | --- |
| 12 directions artistiques | Un univers complet : palette, police de titre, bannière, atouts et icônes |
| Ajuster la direction | 5 couleurs, 18 polices de titre, casse, coins, espacement, cartes et bannière |
| Imagine ma direction avec l’IA | Trois directions vraiment différentes, tirées de ton activité, pour environ 0,03 $ |
| Score Design | Un troisième score dans l’éditeur, à côté du SEO et du GEO |
| Sous le capot | Contrastes garantis, police servie par ton site, archive de 479 Ko, 550 vérifications |

## Qu’est-ce qu’une direction artistique ?

![Le même site de céramique dans six directions artistiques : Nocturne, Galerie, Argile, Riviera, Récréation et Presse](https://eclaircms.org/media/2026/11/directions-artistiques.webp)
*Le même site dans six des douze directions : Nocturne, Galerie, Argile, Riviera, Récréation et Presse.*

Un thème change des couleurs ; une direction artistique change tout l’univers : palette, police de titre, taille des titres, coins, espacement, composition de la bannière, mise en page des atouts, bandes de couleur et icônes. Chacune part d’une idée concrète, pas d’un adjectif :

| Direction | Univers | Police de titre |
| --- | --- | --- |
| **Nocturne** | La ville la nuit : bleu profond, lumière ambrée | Big Shoulders Display, en capitales |
| **Galerie** | Murs blancs, cartels noirs, un rouge de signalétique | Familjen Grotesk |
| **Argile** | L’atelier de céramique : sable, terre cuite, formes douces | Young Serif |
| **Botanique** | L’herbier et la serre : vert profond, papier sauge | DM Serif Display |
| **Affiche** | L’affiche suisse : noir sur blanc cassé, orange vif | Archivo Black, en capitales |
| **Riviera** | Le bord de mer : bleu marine, ciel pâle, corail | Gloock |
| **Cabinet** | Le papier à en-tête : encre marine, bordeaux, filets fins | Libre Caslon Display |
| **Néon** | L’écran de création la nuit : quasi-noir, vert citron | Unbounded |
| **Douceur** | Le cabinet de soin : poudre rosée, prune, beaucoup d’air | Cormorant Garamond |
| **Chantier** | Béton, jaune de sécurité, signalétique condensée | Barlow Condensed, en capitales |
| **Récréation** | La cour d’école : bleu ciel, rouge tomate, lettres rondes | Fredoka |
| **Presse** | Le quotidien du matin : papier journal, rouge de une | Newsreader |

## Comment choisir et ajuster ta direction ?

1. Dans **Réglages › Apparence**, choisis **Direction artistique** au lieu de **Thème classique**.
2. Clique sur une des 12 cartes et regarde l’**aperçu en direct** : ton vrai site, sur ordinateur ou sur mobile.
3. Ouvre **Ajuster la direction** pour la personnaliser, puis enregistre : rien n’est publié avant.

Le panneau Ajuster règle tout, à combiner librement :

- **5 couleurs** : fond, bandes et cartes, texte, texte secondaire, accent des boutons et des liens.
- **Police des titres** : 18 polices choisies pour leur personnalité, ou une police système. Le texte reste en police système, sans téléchargement.
- **Casse**, **taille des titres**, **coins** (droits, adoucis, ronds) et **espacement** (serré, normal, aéré).
- **Cartes** à filet, en aplat ou avec ombre, et **bannière d’accueil** côte à côte, en affiche, plein cadre, éditoriale ou centrée.
- **Atouts** en cartes, rangées ou colonnes, **sections** unies ou en bandes de couleur, et **icônes** dessinées à la place des émojis.

Tu reviens au thème classique quand tu veux : ses réglages t’attendent, intacts.

## Comment l’IA imagine-t-elle ta direction ?

![Réglages › Apparence : choix entre direction artistique et thème classique, puis les cartes des 12 directions](https://eclaircms.org/media/2026/11/reglages-directions.webp)
*Réglages › Apparence : la direction artistique ou le thème classique, puis les 12 cartes.*

Quand l’assistant IA est activé, **Imagine ma direction avec l’IA** apparaît sous les cartes. Décris ton activité, ton public et l’ambiance voulue en une ou deux phrases, par exemple « boulangerie bio de quartier à Lyon, clientèle familiale, chaleureux mais moderne », puis clique sur **Proposer 3 directions**.

L’IA lit aussi la présentation de ton site et ton profil éditorial. Elle part du monde concret de ton activité (lieux, matières, objets, lumière), donne à chaque proposition une référence précise et propose **trois directions vraiment différentes**, en évitant le choix par défaut de ta catégorie et les tics du design généré par IA. Cette méthode est adaptée d’[Impeccable](https://github.com/pbakaus/impeccable), de Paul Bakaus.

Les trois propositions s’ajoutent en tête des cartes, marquées ✦ : tu les essaies dans l’aperçu, tu ajustes, puis tu enregistres celle qui te plaît. L’IA ne choisit que parmi les réglages d’Éclair et n’écrit jamais de CSS : chaque proposition est vérifiée et ses contrastes corrigés. Le coût indicatif est d’environ 0,03 $ les trois propositions avec Claude Sonnet 5.5, déduit du budget de l’assistant.

## Qu’est-ce que le Score Design ?

Dans l’éditeur, l’onglet **Analyse** affiche désormais un troisième anneau, **Design**, à côté du SEO et du GEO. Il vérifie que ta page tient la route visuellement :

- des **intertitres** hiérarchisés et courts, sans émoji décoratif ;
- une **bannière** au titre court, avec un bouton d’action ;
- des **appels à l’action** mesurés, trois boutons au plus ;
- un bloc **Atouts** de 3 à 6 éléments décrits ;
- un **texte** sans phrases en majuscules, sans superlatifs creux, sans passage répété ni bloc de plus de 350 mots sans respiration.

La note de l’onglet Analyse fait la moyenne des trois anneaux : une bonne page est trouvée, citée et agréable à lire.

## Ton site reste-t-il rapide et lisible ?

Oui, et c’est garanti par construction :

- **Contrastes WCAG garantis** : quelles que soient les couleurs, choisies par toi ou par l’IA, Éclair ajuste le texte à 7:1 sur le fond, et le texte secondaire, les liens et les boutons à 4,5:1. C’est vérifié sur 20 000 palettes tirées au hasard.
- **Aucun service tiers** : la police de titre (12 à 27 Ko) est téléchargée une seule fois par ton serveur, puis servie par ton site et préchargée. Tes visiteurs ne contactent ni Google Fonts ni personne d’autre.
- **Toujours 100/100** : Lighthouse donne 100 dans les quatre catégories, y compris avec les directions Nocturne, Riviera, Presse et Affiche.
- **Rien ne casse** : le HTML ne change pas, donc le SEO, les données structurées et l’accessibilité non plus. Les 6 thèmes classiques restent identiques à l’octet près.

## Comment mettre à jour vers Éclair 1.8 ?

La procédure ne change pas et ne touche pas à tes contenus :

1. Dans **Sécurité › Sauvegarde**, clique sur **Télécharger une sauvegarde**.
2. Par FTP, supprime les dossiers `app/` et `assets/`, puis envoie ceux de la nouvelle version avec `index.php` et `.htaccess`.
3. Ne touche ni à `data/` (contenus, réglages, comptes, CSS personnalisé) ni à `media/` (images).
4. Dans l’administration, clique sur **Réglages › Avancé › Vider le cache**.

Un seul point à vérifier : Éclair 1.8 demande l’extension PHP **zlib**, présente par défaut presque partout. Et si ton hébergeur bloque les connexions sortantes, la police d’une direction ne peut pas être téléchargée : Éclair te prévient et utilise une police de secours de la même famille. Le guide [Mettre à jour, sauvegarder, déménager](https://eclaircms.org/documentation/mise-a-jour) détaille chaque étape, et l’archive de 479 Ko t’attend sur la page [Télécharger](https://eclaircms.org/telecharger).

## Et ensuite ?

Comme pour les versions précédentes, tes retours guideront la suite. Une idée, un bug, une question ? Écris-moi via la [page contact](https://eclaircms.org/contact) ou ouvre un ticket sur [GitHub](https://github.com/Jacckisback/eclair-cms/issues).

## Questions fréquentes sur Éclair 1.8

### Les directions artistiques ralentissent-elles mon site ?

Non. Seules les règles utiles à ta direction sont insérées dans la page, et la police de titre est servie par ton site et préchargée. Lighthouse reste à 100 dans les quatre catégories.

### Mon thème actuel disparaît-il ?

Non. Les 6 thèmes classiques sont toujours là, identiques à l’octet près. Tu passes d’une direction au thème classique quand tu veux, et chacun garde ses réglages.

### Faut-il l’assistant IA pour utiliser les directions ?

Non. Les 12 directions et le panneau Ajuster fonctionnent sans IA. Seul « Imagine ma direction avec l’IA » demande l’assistant, avec ta clé Claude ou ChatGPT.

### Mes visiteurs se connectent-ils à Google Fonts ?

Non. Ton serveur télécharge la police une seule fois depuis Fontsource (licence SIL Open Font License), puis la sert lui-même : aucune requête vers un service tiers.

### Puis-je passer directement de la 1.6 à la 1.8 ?

Oui : la procédure est la même quelle que soit ta version, et la 1.8 contient les nouveautés des versions précédentes. Fais simplement une sauvegarde avant.

[Télécharger Éclair 1.8.0](https://eclaircms.org/telecharger)

[Lire le guide des thèmes et des directions](https://eclaircms.org/documentation/themes)

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