---
title: "Éclair 1.8: 12 direcciones de arte para un sitio único"
description: "Éclair 1.8 añade 12 direcciones de arte, una IA que imagina la tuya y una Puntuación de diseño en el editor. Contrastes garantizados y Lighthouse en 100."
url: "https://eclaircms.org/blog/eclair-1-8-direcciones-de-arte"
lang: "es"
author: "Thierry Gustin"
published: "2026-11-01"
updated: "2026-11-01"
---

# Éclair 1.8: 12 direcciones de arte para un sitio único

> **Lo esencial** — Publicada el 1 de noviembre de 2026, la versión 1.8 de Éclair añade 12 direcciones de arte: paleta, tipografía de los títulos, banner y maquetaciones pensadas para un universo, que puedes ajustar libremente. La IA puede imaginar tres a partir de tu actividad, por unos 0,03 $, y una Puntuación de diseño se suma al SEO y al GEO en el editor. Los contrastes están garantizados, la tipografía la sirve tu propio sitio y Lighthouse sigue en 100.

Éclair 1.8 está disponible desde el 1 de noviembre de 2026. Hasta ahora, un tema cambiaba los colores; una **dirección de arte** cambia todo el universo de tu sitio. Eliges una entre 12, la ajustas o le pides a la IA que imagine la tuya. Y una nueva **Puntuación de diseño** te ayuda a mantener páginas limpias.

## ¿Qué cambia con Éclair 1.8?

| Novedad | Lo que te aporta |
| --- | --- |
| 12 direcciones de arte | Un universo completo: paleta, tipografía de los títulos, banner, puntos fuertes e iconos |
| Ajustar la dirección | 5 colores, 18 tipografías de títulos, mayúsculas, esquinas, espaciado, tarjetas y banner |
| Imagina mi dirección con la IA | Tres direcciones realmente distintas, sacadas de tu actividad, por unos 0,03 $ |
| Puntuación de diseño | Una tercera puntuación en el editor, junto al SEO y al GEO |
| Bajo el capó | Contrastes garantizados, tipografía servida por tu sitio, archivo de 479 KB, 550 comprobaciones |

## ¿Qué es una dirección de arte?

![El mismo sitio de cerámica con seis direcciones de arte: Nocturno, Galería, Arcilla, Riviera, Recreo y Prensa](https://eclaircms.org/media/2026/11/es-art-directions.webp)
*El mismo sitio en seis de las doce direcciones: Nocturno, Galería, Arcilla, Riviera, Recreo y Prensa.*

Un tema cambia los colores; una dirección de arte cambia todo el universo: paleta, tipografía de los títulos, tamaño de los títulos, esquinas, espaciado, composición del banner, maquetación de los puntos fuertes, franjas de color e iconos. Cada una parte de una idea concreta, no de un adjetivo:

| Dirección | Universo | Tipografía de los títulos |
| --- | --- | --- |
| **Nocturno** | La ciudad de noche: azul profundo, luz ámbar | Big Shoulders Display, en mayúsculas |
| **Galería** | Paredes blancas, cartelas negras, un rojo de señalética | Familjen Grotesk |
| **Arcilla** | El taller de cerámica: arena, terracota, formas suaves | Young Serif |
| **Botánica** | El herbario y el invernadero: verde profundo, papel salvia | DM Serif Display |
| **Cartel** | El cartel suizo: negro sobre blanco roto, naranja vivo | Archivo Black, en mayúsculas |
| **Riviera** | La orilla del mar: azul marino, cielo pálido, coral | Gloock |
| **Despacho** | El papel con membrete: tinta azul marino, burdeos, filetes finos | Libre Caslon Display |
| **Neón** | La pantalla creativa de noche: casi negro, verde lima | Unbounded |
| **Dulzura** | La consulta de cuidados: rosa empolvado, ciruela, mucho aire | Cormorant Garamond |
| **Obra** | Hormigón, amarillo de seguridad, señalética condensada | Barlow Condensed, en mayúsculas |
| **Recreo** | El patio del colegio: azul cielo, rojo tomate, letras redondas | Fredoka |
| **Prensa** | El diario de la mañana: papel de periódico, rojo de portada | Newsreader |

## ¿Cómo elegir y ajustar tu dirección?

1. En **Ajustes › Apariencia**, elige **Dirección de arte** en lugar de **Tema clásico**.
2. Haz clic en una de las 12 tarjetas y mira la **vista previa en directo**: tu sitio real, en ordenador o en móvil.
3. Abre **Ajustar la dirección** para personalizarla y guarda: no se publica nada antes.

El panel Ajustar lo controla todo, y puedes combinar cada ajuste a tu gusto:

- **5 colores**: fondo, franjas y tarjetas, texto, texto secundario, acento de los botones y los enlaces.
- **Fuente de los títulos**: 18 tipografías elegidas por su personalidad, o una fuente del sistema. El texto se queda en una fuente del sistema, sin descarga.
- **Mayúsculas**, **tamaño de los títulos**, **esquinas** (rectas, suavizadas, redondas) y **espaciado** (compacto, normal, amplio).
- **Tarjetas** con borde fino, de color plano o con sombra, y **banner de inicio** con texto e imagen lado a lado, en cartel, a sangre, editorial o centrado.
- **Puntos fuertes** en tarjetas, filas o columnas, **secciones** lisas o en franjas de color, e **iconos** dibujados en lugar de los emojis.

Puedes volver al tema clásico cuando quieras: sus ajustes te esperan, intactos.

## ¿Cómo imagina la IA tu dirección?

![Ajustes › Apariencia: elección entre dirección de arte y tema clásico y, debajo, las tarjetas de las 12 direcciones](https://eclaircms.org/media/2026/11/es-direction-settings.webp)
*Ajustes › Apariencia: la dirección de arte o el tema clásico y, debajo, las 12 tarjetas.*

Cuando el asistente IA está activado, **Imagina mi dirección con la IA** aparece debajo de las tarjetas. Describe tu actividad, tu público y el ambiente que buscas en una o dos frases, por ejemplo «panadería ecológica de barrio en Valencia, clientela familiar, cálido pero moderno», y haz clic en **Proponer 3 direcciones**.

La IA lee también la presentación de tu sitio y tu perfil editorial. Parte del mundo concreto de tu actividad (lugares, materiales, objetos, luz), da a cada propuesta una referencia precisa y propone **tres direcciones realmente distintas**, evitando la elección por defecto de tu sector y los tics del diseño generado por IA. Este método está adaptado de [Impeccable](https://github.com/pbakaus/impeccable), de Paul Bakaus.

Las tres propuestas se añaden al principio de las tarjetas, marcadas con ✦: las pruebas en la vista previa, las ajustas y guardas la que te guste. La IA solo elige entre los ajustes de Éclair y nunca escribe CSS: cada propuesta se comprueba y sus contrastes se corrigen. El coste orientativo es de unos 0,03 $ por las tres propuestas con Claude Sonnet 5.5, y se descuenta del presupuesto del asistente.

## ¿Qué es la Puntuación de diseño?

En el editor, la pestaña **Análisis** muestra ahora un tercer anillo, **Diseño**, junto al SEO y al GEO. Comprueba que tu página se sostiene a nivel visual:

- unos **subtítulos** jerarquizados y cortos, sin emoji decorativo;
- un **banner** con un título corto y un botón de acción;
- unas **llamadas a la acción** medidas, tres botones como máximo;
- un bloque **Puntos fuertes** de 3 a 6 elementos descritos;
- un **texto** sin frases en mayúsculas, sin superlativos huecos, sin pasajes repetidos ni bloques de más de 350 palabras sin respiro.

La nota de la pestaña Análisis es la media de los tres anillos: una buena página se encuentra, se cita y resulta agradable de leer.

## ¿Tu sitio sigue siendo rápido y legible?

Sí, y lo garantiza la propia construcción de Éclair:

- **Contrastes WCAG garantizados**: sean cuales sean los colores, elegidos por ti o por la IA, Éclair ajusta el texto a 7:1 sobre el fondo, y el texto secundario, los enlaces y los botones a 4,5:1. Está comprobado con 20.000 paletas generadas al azar.
- **Ningún servicio de terceros**: la tipografía de los títulos (de 12 a 27 KB) la descarga tu servidor una sola vez y después la sirve tu propio sitio, precargada. Tus visitantes no se conectan ni a Google Fonts ni a nadie más.
- **Siempre 100/100**: Lighthouse da 100 en las cuatro categorías, también con las direcciones Nocturno, Riviera, Prensa y Cartel.
- **Nada se rompe**: el HTML no cambia, así que el SEO, los datos estructurados y la accesibilidad tampoco. Los 6 temas clásicos siguen idénticos hasta el último byte.

## ¿Cómo actualizar a Éclair 1.8?

El procedimiento no cambia y no toca tus contenidos:

1. En **Seguridad › Copia de seguridad**, haz clic en **Descargar una copia de seguridad**.
2. Por FTP, borra las carpetas `app/` y `assets/` y sube las de la nueva versión junto con `index.php` y `.htaccess`.
3. No toques `data/` (contenidos, ajustes, cuentas, CSS personalizado) ni `media/` (imágenes).
4. En el panel, haz clic en **Ajustes › Avanzado › Vaciar la caché**.

Solo hay un punto que comprobar: Éclair 1.8 necesita la extensión PHP **zlib**, presente por defecto casi en todas partes. Y si tu proveedor de hosting bloquea las conexiones salientes, la tipografía de una dirección no se puede descargar: Éclair te avisa y usa una fuente de reserva de la misma familia. La guía [Actualizar, hacer copias de seguridad, mudarse](https://eclaircms.org/es/documentacion/actualizaciones) detalla cada paso, y el archivo de 479 KB te espera en la página [Descargar](https://eclaircms.org/es/descargar).

## ¿Y ahora qué?

Como con las versiones anteriores, tus comentarios guiarán lo que venga. ¿Una idea, un error, una pregunta? Escríbeme a través de la [página de contacto](https://eclaircms.org/es/contacto) o abre una incidencia en [GitHub](https://github.com/Jacckisback/eclair-cms/issues).

## Preguntas frecuentes sobre Éclair 1.8

### ¿Ralentizan mi sitio las direcciones de arte?

No. Solo se insertan en la página las reglas que necesita tu dirección, y la tipografía de los títulos la sirve tu propio sitio, precargada. Lighthouse sigue en 100 en las cuatro categorías.

### ¿Desaparece mi tema actual?

No. Los 6 temas clásicos siguen ahí, idénticos hasta el último byte. Pasas de una dirección al tema clásico cuando quieras, y cada uno conserva sus ajustes.

### ¿Hace falta el asistente IA para usar las direcciones?

No. Las 12 direcciones y el panel Ajustar funcionan sin IA. Solo «Imagina mi dirección con la IA» necesita el asistente, con tu clave de Claude o ChatGPT.

### ¿Mis visitantes se conectan a Google Fonts?

No. Tu servidor descarga la tipografía una sola vez desde Fontsource (licencia SIL Open Font License) y después la sirve él mismo: ninguna petición a un servicio de terceros.

### ¿Puedo pasar directamente de la 1.6 a la 1.8?

Sí: el procedimiento es el mismo sea cual sea tu versión, y la 1.8 incluye las novedades de las versiones anteriores. Haz antes una copia de seguridad.

[Descargar Éclair 1.8.0](https://eclaircms.org/es/descargar)

[Leer la guía de temas y direcciones](https://eclaircms.org/es/documentacion/temas)

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