Éclair 1.9: a direção de arte V2, com ajustes em um clique
Por Thierry Gustin
Publicado em
6 min de leitura
Índice
O Éclair 1.9 está disponível desde 2 de novembro de 2026. Com a 1.8, você escolhia a sua direção de arte entre 12; agora você também a ajusta em um clique: mais ousado, mais sóbrio, mais colorido… Novas composições e 65 ícones desenhados ampliam ainda mais a escolha. Juntas, a 1.8 e a 1.9 formam a direção de arte V2.
O que muda com o Éclair 1.9?
| Novidade | O que ela traz para você |
|---|---|
| Ajustes em um clique | Seis botões transformam a sua direção, a pré-visualização se atualiza na hora e cada etapa pode ser desfeita |
| Novas composições | Banner com a imagem à esquerda ou emoldurado, diferenciais numerados, linhas entre as seções, três estilos de botões |
| 65 ícones desenhados | Reconhecidos a partir dos emojis mais comuns, entre eles 36 novos tirados do Lucide |
| Imagine minha direção com a IA | As três propostas dela podem usar as novas composições |
| Pontuação de design | Ela não pede mais ícones para diferenciais numerados |
| Nos bastidores | Lighthouse em 100 nas 10 páginas testadas, arquivo de 485 KB, 556 verificações |
A direção de arte V2 é a 1.8 e a 1.9 juntas: 12 direções, uma IA que imagina a sua (três propostas por cerca de US$ 0,03), a pontuação de design, contrastes garantidos e uma fonte dos títulos servida pelo seu site, mais os ajustes e as composições da 1.9. Ainda não conhece as direções? Comece pelo artigo sobre o Éclair 1.8.
Como ajustar a sua direção em um clique?
- Em Configurações › Aparência, escolha uma das 12 direções ou uma proposta da IA.
- Abaixo dos cartões, clique em um dos seis ajustes em um clique: a pré-visualização do seu site de verdade se atualiza na hora.
- Encadeie os ajustes, desfaça os que não agradarem e depois salve.
Cada botão muda várias configurações de uma vez:
| Ajuste | O que muda |
|---|---|
| Mais ousado | Títulos maiores, mais espaço, banner mais impactante (cartaz e, depois, imagem em tela cheia), faixas de cor, destaque mais vivo, botões preenchidos |
| Mais sóbrio | Títulos mais discretos, caixa normal, bordas finas no lugar das sombras, banner mais calmo, destaque suavizado |
| Mais colorido | Fundo e faixas tingidos com a cor de destaque, faixas de cor, destaque mais vivo |
| Enxugar | Bordas finas, nenhum ícone, fundo liso, mais espaço, cantos mais retos, diferenciais em colunas |
| Claro ↔ escuro | Inverte a luminosidade do fundo, das faixas e do texto, mantendo as tonalidades |
| Outra fonte | Passa para a próxima fonte dos títulos, alternando as famílias (serifada, grotesca, condensada…) |
Os ajustes podem ser encadeados: Mais colorido, depois Outra fonte, depois Claro ↔ escuro… Uma etapa não agradou? Desfazer ajuste volta uma etapa de cada vez. Os contrastes continuam garantidos a cada etapa, e nada é publicado antes de você salvar. Para uma configuração precisa, Ajustar a direção continua à sua disposição, opção por opção.
Quais são as novas composições?
O painel Ajustar a direção ganha novas opções, para combinar com as da 1.8:
- Banner de abertura com a imagem à esquerda, ou emoldurado: o texto e a imagem reunidos em um painel colorido.
- Diferenciais numerados (01, 02, 03…): o número substitui o ícone, prático para apresentar etapas.
- Linhas entre as seções: um traço fino separa as seções, terceira opção depois do fundo liso e das faixas de cor.
- Botões preenchidos, com contorno ou como links sublinhados com uma seta. Sobre um banner com imagem em tela cheia, os botões com contorno e os links sublinhados ficam brancos, legíveis sobre a foto.
Como funcionam os 65 ícones desenhados?
Em um bloco Diferenciais, você escreve o emoji que vier à cabeça. Com a opção Ícones desenhados, o Éclair o reconhece e mostra no lugar dele um ícone de traço. Agora ele conhece 65, a partir dos emojis mais comuns: ☕ 🚗 🐶 ✂️ 🎓 💼 🌸…
Os 36 novos vêm do Lucide, sob licença ISC: café, carro, animais, cabeleireiro, esporte, diploma, cadeado, flores, vinho, bolo, saúde, moda, montanha… Dá para ilustrar uma cafeteria, uma oficina mecânica, um salão de beleza, uma confeitaria ou um consultório de saúde.
A pontuação de design continua avisando quando um emoji não tem ícone desenhado. Com diferenciais numerados, por outro lado, ela não pede mais ícones, porque o número os substitui.
O que a IA propõe com o Éclair 1.9?
Imagine minha direção com a IA agora conhece todas essas opções. Descreva a sua atividade, o seu público e o clima que você quer e clique em Propor 3 direções: cada proposta pode usar um banner emoldurado, diferenciais numerados, linhas entre as seções ou botões sublinhados. As miniaturas dos cartões também foram atualizadas para mostrar essas composições.
O resto não muda: a IA só escolhe entre as configurações do Éclair e nunca escreve CSS, nada é salvo sem você, e o custo estimado continua sendo de cerca de US$ 0,03 pelas três propostas com o Claude Sonnet 5.5. Uma proposta chegou perto do que você queria? Escolha-a e depois ajuste-a em um clique.
O seu site continua rápido?
Sim. As medições do Lighthouse da 1.9 abrangem 10 páginas: 3 com tema clássico, 5 com direções e 2 com as novas composições.
| Medida | Resultado |
|---|---|
| Lighthouse: desempenho, acessibilidade, práticas recomendadas e SEO | 100/100/100/100 nas 10 páginas |
| Deslocamento de layout (CLS) | 0 |
| Exibição do maior elemento (LCP), em celular simulado | De 0,79 a 0,97 s |
| Arquivo para baixar | 485 KB, menos de 1 MB depois de descompactado |
| Testes automáticos | 556 verificações aprovadas, entre elas 54 verificações de design |
Os 6 temas clássicos mantêm uma renderização pública idêntica até o último byte à da 1.8. A view da instalação agora é comprimida, como as do painel: por isso, a extensão PHP zlib continua indispensável. Por fim, os 17 novos textos da interface estão traduzidos nos outros 6 idiomas do painel.
Como atualizar para o Éclair 1.9?
O procedimento é o mesmo da 1.8 e não mexe nos seus conteúdos:
- Em Segurança › Backup, clique em Baixar backup.
- Por FTP, apague as pastas
app/eassets/e depois envie as da nova versão, junto comindex.phpe.htaccess. - Não mexa em
data/(conteúdos, configurações, contas, CSS personalizado) nem emmedia/(imagens). - Na administração, clique em Configurações › Avançado › Limpar cache.
Não há nada a mais para conferir em relação à 1.8. Se você vem da 1.7 ou de uma versão anterior, confira só o que a 1.8 já pedia: a extensão PHP zlib, ativa por padrão em quase todo lugar. O guia Atualizar, fazer backup, mudar de hospedagem detalha cada etapa, e o arquivo de 485 KB espera por você na página Baixar.
E depois?
O seu feedback decide o que vem a seguir, como a cada versão. Falta um ajuste, ou um ícone para a sua profissão? Escreva para mim pela página de contato ou abra uma issue no GitHub.
Perguntas frequentes sobre o Éclair 1.9
Um ajuste muda o meu site na hora?
Não. Um ajuste só muda a pré-visualização: nada é publicado antes de você salvar. E Desfazer ajuste volta uma etapa de cada vez.
Preciso do assistente de IA para ajustar a minha direção?
Não. Os ajustes, as novas composições e os 65 ícones funcionam sem IA. Só o “Imagine minha direção com a IA” precisa do assistente, com a sua chave do Claude ou do ChatGPT.
Quanto custam as novidades do Éclair 1.9?
Nada: o Éclair continua gratuito, sob licença MIT, e os ajustes não usam a IA. Só as propostas da IA têm um custo, cerca de US$ 0,03 pelas três com o Claude Sonnet 5.5, pago com a sua própria chave de API.
As novas composições deixam o meu site mais lento?
Não. Duas das páginas de teste as usam, e o Lighthouse dá a elas 100 nas quatro categorias, com um CLS de 0.
Posso ir direto da 1.7 para a 1.9?
Pode: o procedimento é o mesmo, qualquer que seja a sua versão, e a 1.9 traz as novidades da 1.8. Confira a extensão PHP zlib, indispensável desde a 1.8, e faça um backup antes.
Ler o guia dos temas e das direções
Leia também
Éclair 1.8: 12 direções de arte para um site único
O Éclair 1.8 traz 12 direções de arte, uma IA que imagina a sua e uma pontuação de design no editor. Contrastes garantidos e Lighthouse sempre em 100.
Éclair 1.7: o modo Visual e páginas criadas pela IA
O Éclair 1.7 traz o modo Visual, para editar a sua página do jeito que ela aparece, e a criação de páginas completas pela IA. Novidades, custos e atualização.
Éclair 1.5: temas, loja leve e conector MCP
O Éclair 1.5 traz 6 temas com pré-visualização ao vivo, uma loja leve paga pela Stripe e um conector MCP para Claude e ChatGPT. Novidades e atualização.