Clareza
Uma ideia por vez. Linguagem direta. Espaço para respirar.
O lui existe para abrir espaço. Para conectar uma ideia à próxima. Para transformar complexidade em um fluxo que você pode sentir.
Tecnologia que se move com você. Uma presença tranquila, uma energia viva e uma vontade constante de conectar possibilidades.
Uma ideia por vez. Linguagem direta. Espaço para respirar.
O controle permanece com quem cria. A marca abre caminhos.
Formas e movimentos que conectam, sem interrupções bruscas.
“Você cria o fluxo.
A gente cuida da infraestrutura.”
O lui é uma presença masculina. Usamos o lui, do lui e com o lui, inclusive quando o nome aparece como lui.cx.
“Por que escolher o lui.cx?”
“O lui cuida da sua infraestrutura.”
Na comunicação do produto, preferimos palavras concretas: plano, instância, servidor ou infraestrutura. Cada termo deve deixar claro o que estamos oferecendo.
O avatar oficial do lui é a nossa assinatura visual: uma forma orgânica escura sobre verde, com expressão leve e traços que se conectam. A marca aparece acompanhada de lui.cx em texto, preservando o desenho original do avatar.
Assinatura completa mínima: 100 px. Avatar mínimo: 32 px. Preserve proporções, contraste e espaço livre. Não distorça, contorne ou aplique sombras.
Baixar avatar oficial PNG ↗O verde Flow e o escuro Deep vêm do site atual. Paper, Mist e Forest ampliam o sistema proposto. Clique em uma cor para copiar o código.
Proporções indicativas. Use Deep sobre Flow para textos; reserve branco sobre verde para arte, sem informação essencial.
O verde mantém sua energia. Texto, superfícies e bordas mudam juntos para preservar a leitura. As duas aplicações ficam visíveis lado a lado, independentemente do tema escolhido nesta página.
Você cria a automação. O lui cuida da infraestrutura, com uma interface clara em cada momento.
Começar com lui ↗Você cria a automação. O lui cuida da infraestrutura, com uma interface clara em cada momento.
Começar com lui ↗Labels identificam o tipo de conteúdo, como Guia ou Em destaque. Tags mostram seus assuntos. O mesmo componente é usado nos cartões e nos cabeçalhos dos artigos do Blog, com cores adaptadas a cada tema.
Textos usam Deep sobre Flow. No modo claro, links usam Forest; no escuro, usam Flow. A cor verde permanece reconhecível sem perder contraste.
Hanken Grotesk preserva uma família já declarada no CSS atual do lui. Fraunces acrescenta uma voz editorial aos momentos de expressão. IBM Plex Mono identifica estados, índices e dados.
Tudo se conecta.
Aa Bb Cc 012345
O próximo possível.
Aa Bb Cc 012345
FLOW / 001
SYSTEM READY →
Títulos: 48–112 px / entrelinha 0,98. Corpo: 16–20 px / entrelinha 1,6. Metadados: 10–12 px. No celular, priorize leitura e adapte a escala.
Um shader original combina correntes, interferência e granulação. O movimento reage à presença do cursor. Três estados formam uma família, com a mesma energia e diferentes intensidades.
A animação se adapta à capacidade do dispositivo.
Movimento lento e contínuo. Sem flashes, cortes ou som automático. A preferência de movimento reduzido é respeitada; cada campo tem seu próprio controle de pausa. Fallback estático em dispositivos sem WebGL.
Aplicações de referência para comunicação e redes sociais. Textos ficam fora das áreas de maior atividade do shader.
Pesquisa: lui.cx e ElevenLabs Brand, em 10/10/2026. A referência inspira o uso de textura, movimento generativo e organização do sistema. O avatar foi fornecido pelo responsável pela marca. O shader e a composição são próprios; nenhum asset da ElevenLabs foi reutilizado.
Fontes: Hanken Grotesk, Fraunces e IBM Plex Mono, hospedadas localmente via Fontsource, sob licenças abertas. As licenças estão incluídas em /brand/licenses.