--- title: "Sobre a marca — Identidade lui.cx" description: "A identidade do lui: avatar oficial, cor, tipografia e automação com menos tarefas repetitivas e mais possibilidades." url: https://lui.cx/pt/sobre-a-marca source: https://lui.cx/pt/sobre-a-marca generated_by: aeo.js --- # Sobre a marca — Identidade lui.cx A identidade do lui: avatar oficial, cor, tipografia e automação com menos tarefas repetitivas e mais possibilidades. LUI.CX / SOBRE A MARCA / IDENTIDADE VIVA ## Uma marca. Infinitas _correntes._ IDENTIDADE EM MOVIMENTO — 2026 O lui existe para abrir espaço. Para conectar uma ideia à próxima. Para transformar complexidade em um fluxo que você pode sentir. ![Avatar oficial do lui](/brand/lui-avatar.webp) ## Menos tarefas repetitivas. _Mais possibilidades._ Tecnologia que se move com você. Uma presença tranquila, uma energia viva e uma vontade constante de conectar possibilidades. ### Clareza Uma ideia por vez. Linguagem direta. Espaço para respirar. ### Autonomia O controle permanece com quem cria. A marca abre caminhos. ### Continuidade Formas e movimentos que conectam, sem interrupções bruscas. TOM DE VOZ “Você cria o fluxo. A gente cuida da infraestrutura.” Próximo, seguro e simples. Benefícios concretos antes de especificações. Sem promessas absolutas. ### Como falar sobre o lui 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. ## Pequena na forma. Ampla no significado. 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. ![Avatar oficial lui](/brand/lui-avatar.webp)ÁREA DE RESPIRO = ¼ DA LARGURA DO AVATAR ![Avatar lui sobre fundo claro](/brand/lui-avatar.webp) ![Avatar lui sobre fundo escuro](/brand/lui-avatar.webp) ![Avatar lui sobre fundo verde](/brand/lui-avatar.webp) 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](/brand/lui-avatar.png) ## Verde por natureza. _lui_ por escolha. 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. ## Uma identidade. _Duas atmosferas._ 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. CLARO / PAPER ### Seu próximo fluxo. Você cria a automação. O lui cuida da infraestrutura, com uma interface clara em cada momento. [Começar com lui](/pt#cadastro) [Conhecer os planos](/pt#planos) GUIAn8nautomaçãoIA INFRAESTRUTURA EM MOVIMENTO ESCURO / DEEP ### Seu próximo fluxo. Você cria a automação. O lui cuida da infraestrutura, com uma interface clara em cada momento. [Começar com lui](/pt#cadastro) [Conhecer os planos](/pt#planos) GUIAn8nautomaçãoIA INFRAESTRUTURA EM MOVIMENTO ### Labels e tags 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. ## Precisão encontra _expressão._ 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. HANKEN GROTESK / ESTRUTURA Tudo se conecta. Aa Bb Cc 012345 FRAUNCES ITALIC / EXPRESSÃO O próximo possível. Aa Bb Cc 012345 IBM PLEX MONO / SINAL 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. ## A identidade é um _campo vivo._ 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. 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. ## Um universo. Muitos _pontos de contato._ LUI.CX / AUTOMATION ### Seu próximo passo é _possível._ ![lui.cx](/brand/lui-avatar.webp) IDEIAS EM MOVIMENTO. ### Menos operação. Mais horizonte. COMECE SEU FLUXO Aplicações de referência para comunicação e redes sociais. Textos ficam fora das áreas de maior atividade do shader. Ícones: [Solar Icons](https://solar-icons.vercel.app/icons?style=linear), de [480 Design](https://github.com/480-Design/Solar-Icon-Set), sob [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). Usamos a versão Linear com traço de 1 px, hospedada localmente. O traço foi ajustado para manter a mesma espessura em todos os tamanhos. 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.