Éclair 1.9: die Art Direction V2, mit einem Klick verfeinert
Von Thierry Gustin
Veröffentlicht am
5 Min. Lesezeit
Inhalt
- Was ändert sich mit Éclair 1.9?
- Wie verfeinerst du deine Richtung mit einem Klick?
- Welche neuen Layouts gibt es?
- Wie funktionieren die 65 gezeichneten Symbole?
- Was schlägt die KI mit Éclair 1.9 vor?
- Bleibt deine Website schnell?
- Wie aktualisierst du auf Éclair 1.9?
- Und wie geht es weiter?
- Häufige Fragen zu Éclair 1.9
Éclair 1.9 ist seit dem 2. November 2026 verfügbar. Mit 1.8 hast du deine Art Direction unter 12 ausgewählt; jetzt gibst du ihr mit einem Klick den Feinschliff: mutiger, schlichter, farbiger … Neue Layouts und 65 gezeichnete Symbole erweitern die Auswahl noch. Zusammen bilden 1.8 und 1.9 die Art Direction V2.
Was ändert sich mit Éclair 1.9?
| Neuheit | Was sie dir bringt |
|---|---|
| Feinschliff mit einem Klick | Sechs Buttons verwandeln deine Richtung, die Vorschau folgt sofort, und jeder Schritt lässt sich rückgängig machen |
| Neue Layouts | Banner mit Bild links oder gerahmt, nummerierte Vorteile, Linien zwischen den Abschnitten, drei Button-Stile |
| 65 gezeichnete Symbole | Erkannt anhand gängiger Emojis, darunter 36 neue aus Lucide |
| Meine Richtung mit KI entwerfen | Ihre drei Vorschläge können die neuen Layouts nutzen |
| Design-Score | Er verlangt keine Symbole mehr bei nummerierten Vorteilen |
| Unter der Haube | Lighthouse bei 100 auf 10 Seiten, Archiv von 485 KB, 556 Prüfungen |
Die Art Direction V2, das sind 1.8 und 1.9 zusammen: 12 Richtungen, eine KI, die deine eigene entwirft (drei Vorschläge für etwa 0,03 $), der Design-Score, garantierte Kontraste und eine Titelschrift, die deine Website selbst ausliefert, dazu der Feinschliff und die Layouts von 1.9. Du lernst die Art Directions gerade erst kennen? Fang mit dem Artikel über Éclair 1.8 an.
Wie verfeinerst du deine Richtung mit einem Klick?
- Wähle unter Einstellungen › Design eine der 12 Richtungen oder einen Vorschlag der KI.
- Klicke unter den Karten auf einen der sechs Buttons von Feinschliff mit einem Klick: Die Vorschau deiner echten Website folgt sofort.
- Reihe mehrere Schritte aneinander, mach die rückgängig, die dir nicht gefallen, und speichere dann.
Jeder Button ändert mehrere Einstellungen auf einmal:
| Feinschliff | Was sich ändert |
|---|---|
| Mutiger | Größere Überschriften, mehr Luft, spektakuläreres Banner (Plakat, dann randloses Vollbild), Farbbänder, kräftigerer Akzent, gefüllte Buttons |
| Schlichter | Dezentere Überschriften, normale Schreibweise, feine Linien statt Schatten, ruhigeres Banner, gedämpfter Akzent |
| Farbiger | Hintergrund und Bänder mit der Akzentfarbe getönt, Farbbänder, kräftigerer Akzent |
| Reduzieren | Feine Linien, keine Symbole, einfarbiger Hintergrund, mehr Luft, weniger abgerundete Ecken, Vorteile in Spalten |
| Hell ↔ dunkel | Kehrt die Helligkeit von Hintergrund, Bändern und Text um und behält ihre Farbtöne bei |
| Andere Schrift | Springt zur nächsten Titelschrift, im Wechsel zwischen den Schriftfamilien (mit Serifen, Grotesk, schmal …) |
Die Schritte lassen sich aneinanderreihen: Farbiger, dann Andere Schrift, dann Hell ↔ dunkel … Gefällt dir ein Schritt nicht? Feinschliff rückgängig machen geht jeweils einen Schritt zurück. Die Kontraste bleiben bei jedem Schritt garantiert, und nichts wird veröffentlicht, bevor du speicherst. Für eine genaue Einstellung steht dir Richtung anpassen weiterhin zur Verfügung, Option für Option.
Welche neuen Layouts gibt es?
Der Bereich Richtung anpassen bekommt neue Optionen, die du mit denen von 1.8 kombinierst:
- Startbanner mit dem Bild links oder gerahmt: Text und Bild zusammen auf einer farbigen Fläche.
- Nummerierte Vorteile (01, 02, 03 …): Die Nummer ersetzt das Symbol, praktisch, um Schritte darzustellen.
- Linien zwischen den Abschnitten: Ein feiner Strich trennt die Abschnitte, die dritte Wahl nach einfarbigem Hintergrund und Farbbändern.
- Buttons gefüllt, mit Umriss oder als unterstrichene Links mit Pfeil. Auf einem Banner als randloses Vollbild bleiben Buttons mit Umriss und unterstrichene Links weiß, gut lesbar auf dem Foto.
Wie funktionieren die 65 gezeichneten Symbole?
In einem Block „Vorteile“ schreibst du das Emoji, das dir spontan einfällt. Mit der Einstellung Gezeichnete Symbole erkennt Éclair es und zeigt an seiner Stelle ein Liniensymbol an. Inzwischen sind es 65 Symbole für gängige Emojis: ☕ 🚗 🐶 ✂️ 🎓 💼 🌸 …
Die 36 neuen stammen von Lucide, unter ISC-Lizenz: Kaffee, Auto, Tiere, Friseur, Sport, Diplom, Vorhängeschloss, Blumen, Wein, Kuchen, Gesundheit, Mode, Berge … Damit bebilderst du ein Café, eine Autowerkstatt, einen Friseursalon, eine Konditorei oder eine Arztpraxis.
Der Design-Score weist dich weiterhin auf ein Emoji ohne gezeichnetes Symbol hin. Bei nummerierten Vorteilen verlangt er dagegen keine Symbole mehr, denn die Nummer ersetzt sie.
Was schlägt die KI mit Éclair 1.9 vor?
Meine Richtung mit KI entwerfen kennt jetzt alle diese Optionen. Beschreibe dein Geschäft, deine Zielgruppe und die gewünschte Stimmung und klicke dann auf 3 Richtungen vorschlagen: Jeder Vorschlag kann ein gerahmtes Banner, nummerierte Vorteile, Linien oder unterstrichene Links nutzen. Auch die Vorschaubilder der Karten wurden aktualisiert und zeigen diese Layouts.
Der Rest bleibt gleich: Die KI wählt nur aus den Einstellungen von Éclair und schreibt nie CSS, nichts wird ohne dich gespeichert, und die geschätzten Kosten liegen weiter bei etwa 0,03 $ für die drei Vorschläge mit Claude Sonnet 5.5. Ein Vorschlag gefällt dir fast? Wähle ihn aus und gib ihm dann mit einem Klick den Feinschliff.
Bleibt deine Website schnell?
Ja. Die Lighthouse-Messungen für 1.9 umfassen 10 Seiten: 3 mit klassischem Theme, 5 mit Art Directions und 2 mit den neuen Layouts.
| Messung | Ergebnis |
|---|---|
| Lighthouse: Leistung, Barrierefreiheit, Best Practices und SEO | 100/100/100/100 auf allen 10 Seiten |
| Layoutverschiebung (CLS) | 0 |
| Anzeige des größten Elements (LCP), bei simulierter Mobilansicht | 0,79 bis 0,97 s |
| Archiv zum Herunterladen | 485 KB, entpackt unter 1 MB |
| Automatische Tests | 556 bestandene Prüfungen, davon 54 Design-Prüfungen |
Die 6 klassischen Themes behalten eine öffentliche Darstellung, die bis aufs Byte mit der von 1.8 übereinstimmt. Die Installationsansicht ist jetzt komprimiert, wie die Ansichten des Adminbereichs: Die PHP-Erweiterung zlib bleibt also unverzichtbar. Und schließlich sind die 17 neuen Texte der Oberfläche in die 6 anderen Sprachen des Adminbereichs übersetzt.
Wie aktualisierst du auf Éclair 1.9?
Das Verfahren ist dasselbe wie bei 1.8 und rührt deine Inhalte nicht an:
- Klicke unter Sicherheit › Backup auf Backup herunterladen.
- Lösche per FTP die Ordner
app/undassets/und lade dann die der neuen Version zusammen mitindex.phpund.htaccesshoch. - Lass
data/(Inhalte, Einstellungen, Konten, eigenes CSS) undmedia/(Bilder) unverändert. - Klicke in der Verwaltung auf Einstellungen › Erweitert › Cache leeren.
Gegenüber 1.8 musst du nichts zusätzlich prüfen. Kommst du von 1.7 oder älter, prüfe nur, was schon 1.8 verlangt hat: die PHP-Erweiterung zlib, die fast überall standardmäßig vorhanden ist. Der Leitfaden Aktualisieren, sichern, umziehen erklärt jeden Schritt, und das Archiv von 485 KB wartet auf der Seite Herunterladen.
Und wie geht es weiter?
Wie bei jeder Version bestimmen deine Rückmeldungen den weiteren Weg. Dir fehlt eine Option für den Feinschliff oder ein Symbol für deinen Beruf? Schreib mir über die Kontaktseite oder eröffne ein Ticket auf GitHub.
Häufige Fragen zu Éclair 1.9
Ändert ein Feinschliff meine Website sofort?
Nein. Ein Feinschliff ändert nur die Vorschau: Nichts wird veröffentlicht, bevor du speicherst. Und Feinschliff rückgängig machen geht jeweils einen Schritt zurück.
Brauche ich den KI-Assistenten für den Feinschliff meiner Richtung?
Nein. Der Feinschliff, die neuen Layouts und die 65 Symbole funktionieren ohne KI. Nur „Meine Richtung mit KI entwerfen“ braucht den Assistenten, mit deinem Claude- oder ChatGPT-Schlüssel.
Was kosten die Neuheiten von Éclair 1.9?
Nichts: Éclair bleibt kostenlos, unter MIT-Lizenz, und der Feinschliff nutzt keine KI. Nur die Vorschläge der KI kosten etwas, etwa 0,03 $ für alle drei mit Claude Sonnet 5.5, bezahlt über deinen eigenen API-Schlüssel.
Machen die neuen Layouts meine Website langsamer?
Nein. Zwei der Testseiten nutzen sie, und Lighthouse gibt ihnen 100 in allen vier Kategorien, mit einem CLS von 0.
Kann ich direkt von 1.7 auf 1.9 aktualisieren?
Ja: Das Verfahren ist bei jeder Version gleich, und 1.9 enthält die Neuheiten von 1.8. Prüfe die PHP-Erweiterung zlib, die seit 1.8 unverzichtbar ist, und mach vorher ein Backup.
Leitfaden zu Themes und Art Directions lesen
Auch lesenswert
Éclair 1.8: 12 Art Directions für eine Website wie keine andere
Éclair 1.8 bringt 12 Art Directions, eine KI, die deine eigene entwirft, und einen Design-Score im Editor. Kontraste garantiert, Lighthouse weiter bei 100.
Éclair 1.7: der visuelle Modus und von KI erstellte Seiten
Éclair 1.7 bringt den visuellen Modus, um deine Seite so zu bearbeiten, wie sie aussieht, und lässt die KI ganze Seiten erstellen. Neuheiten, Kosten, Update.
Éclair 1.5: Themes, schlanker Shop und MCP-Connector
Éclair 1.5 bringt 6 Themes mit Live-Vorschau, einen schlanken Shop mit Stripe-Bezahlung und einen MCP-Connector für Claude und ChatGPT. Neuheiten und Update.