Éclair 1.8 : 12 directions artistiques pour un site unique
Par Thierry Gustin
Publié le
6 min de lecture
Sommaire
- Qu’est-ce qui change avec Éclair 1.8 ?
- Qu’est-ce qu’une direction artistique ?
- Comment choisir et ajuster ta direction ?
- Comment l’IA imagine-t-elle ta direction ?
- Qu’est-ce que le Score Design ?
- Ton site reste-t-il rapide et lisible ?
- Comment mettre à jour vers Éclair 1.8 ?
- Et ensuite ?
- Questions fréquentes sur Éclair 1.8
É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 ?
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 ?
- Dans Réglages › Apparence, choisis Direction artistique au lieu de Thème classique.
- Clique sur une des 12 cartes et regarde l’aperçu en direct : ton vrai site, sur ordinateur ou sur mobile.
- 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 ?
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, 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 :
- Dans Sécurité › Sauvegarde, clique sur Télécharger une sauvegarde.
- Par FTP, supprime les dossiers
app/etassets/, puis envoie ceux de la nouvelle version avecindex.phpet.htaccess. - Ne touche ni à
data/(contenus, réglages, comptes, CSS personnalisé) ni àmedia/(images). - 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 détaille chaque étape, et l’archive de 479 Ko t’attend sur la page Télécharger.
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 ou ouvre un ticket sur GitHub.
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.
Lire le guide des thèmes et des directions
À lire aussi
Éclair 1.7 : le mode Visuel et des pages créées par l’IA
Éclair 1.7 ajoute le mode Visuel, pour modifier ta page telle qu’elle s’affiche, et la création de pages complètes par l’IA. Nouveautés, coûts et mise à jour.
Éclair 1.5 : thèmes, boutique légère et connecteur MCP
Éclair 1.5 apporte 6 thèmes en aperçu direct, une boutique légère payée par Stripe et un connecteur MCP pour Claude et ChatGPT. Nouveautés et mise à jour.
Éclair 1.2.0 : l’assistant IA qui écrit, toi qui publies
Éclair 1.2.0 ajoute un assistant IA (Claude ou ChatGPT, avec ta clé) : brouillons, images et retouches dans le ton de ton site, jamais publiés sans toi.