Éclair 1.8: 12 direcciones de arte para un sitio único
Por Thierry Gustin
Publicado el
6 min de lectura
Índice
É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?
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?
- En Ajustes › Apariencia, elige Dirección de arte en lugar de Tema clásico.
- Haz clic en una de las 12 tarjetas y mira la vista previa en directo: tu sitio real, en ordenador o en móvil.
- 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?
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, 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:
- En Seguridad › Copia de seguridad, haz clic en Descargar una copia de seguridad.
- Por FTP, borra las carpetas
app/yassets/y sube las de la nueva versión junto conindex.phpy.htaccess. - No toques
data/(contenidos, ajustes, cuentas, CSS personalizado) nimedia/(imágenes). - 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 detalla cada paso, y el archivo de 479 KB te espera en la página 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 o abre una incidencia en GitHub.
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.
Leer la guía de temas y direcciones
También te puede interesar
Éclair 1.7: el modo Visual y páginas creadas por la IA
Éclair 1.7 añade el modo Visual, para editar tu página tal como se ve, y la creación de páginas completas con IA. Novedades, costes y actualización.
Éclair 1.5: temas, tienda ligera y conector MCP
Éclair 1.5 trae 6 temas con vista previa en directo, una tienda ligera con pago por Stripe y un conector MCP para Claude y ChatGPT. Novedades y actualización.
Migrar de WordPress a Éclair: el método paso a paso
Migrar de WordPress a Éclair sin perder tu posicionamiento: inventario de URL, recreación de páginas, redirecciones 301 y cambio definitivo, paso a paso.