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
01 / ESSÊNCIA

Automação em
estado de fluxo.

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.

02 / MARCA

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ÁREA DE RESPIRO = ¼ DA LARGURA DO AVATAR
Avatar lui sobre fundo claro
Avatar lui sobre fundo escuro
Avatar lui sobre fundo verde

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 ↗
03 / COR

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.

04 / TEMAS E COMPONENTES

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 ↗
Conhecer os planos →
● 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 ↗
Conhecer os planos →
● 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.

05 / TIPOGRAFIA

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.

06 / MOVIMENTO

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.

LUI / GENERATIVE FIELD

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.

07 / APLICAÇÕES

Um universo.
Muitos pontos de contato.

LUI.CX / AUTOMATION

Seu próximo
passo é
possível.

lui.cx
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.

REFERÊNCIAS E CRÉDITOS

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.