Para fundo claro
PNG transparente derivado do JPG enviado. Prévia em revisão, não master oficial.
Identidade visual para produtos e agentes
Uma referência.
Todos os apps.
O tema SaaS da Nexa, os logos e o Sensei reunidos para aplicar a identidade sem inventar cores, fontes ou componentes.
Tema global
Fonte dos tokens para componentes, superfícies e modos claro e escuro. O arquivo do tema é a referência técnica, não esta prévia.
Modo claro
Prévia baseada nos tokens do tema. O conteúdo ao redor usa as variáveis de superfície, borda, tipografia e primary.
Modo escuro
Use o controle no topo para conferir a página em dark mode. Os tokens dark são os do mesmo tema.
backgroundcardprimaryborder
Regra: não invente cores, tipografia, radius ou sombras fora dos tokens existentes. O X laranja do logo pertence ao próprio arquivo da marca, não substitui os tokens de interface.
Logos
Arquivos separados para fundos claro e escuro, com as imagens recebidas preservadas.
Para fundo escuro
PNG transparente derivado da geometria do logo claro. Prévia em revisão, não master oficial.
As imagens JPG são as referências originais enviadas. Os PNGs são derivados provisórios para uso e revisão; não os apresente como arquivos finais aprovados. A grafia ПΣXA segue o documento de tema; o caractere inicial ainda precisa de confirmação entre П e Π.
Sensei
Personagem de referência recebido para composição visual. Mantenha sua proporção e não o redesenhe a partir de um prompt.
Imagem original enviada
JPG com fundo branco. Não é PNG transparente ou vetor; use um contêiner apropriado se o contexto for escuro.
Como aplicar
Use o tema como fonte dos tokens e estes arquivos como assets. A implementação deve preservar a função de cada produto.
01
Instale o tema
Em projeto compatível com Tailwind e shadcn, use o comando abaixo. Em outras stacks, traduza os tokens existentes sem criar uma nova paleta.
02
Use os assets
Baixe a variante adequada do logo e a imagem do Sensei. Não substitua por texto, emoji ou CSS.
03
Preserve o produto
Mude a camada visual; mantenha rotas, lógica, dados, fluxos e acessibilidade. Confira mobile e dark mode.
Instalação
pnpm dlx shadcn@latest add https://tweakcn.com/r/themes/cmthn09qj000004jx7ky299wm
Mensagem para enviar a um agente ou builder
Tema visual ПΣXA SaaS: https://tweakcn.com/r/themes/cmthn09qj000004jx7ky299wm Aplique globalmente os tokens existentes de cores, fontes, radius, sombras e modos claro/escuro. Preserve fluxos, páginas e lógica do app. Use os arquivos de logo e Sensei em https://sensei.nexaconecta.com/themanexa como imagens; não os redesenhe com texto ou CSS. No rodapé, escreva exatamente “Desenvolvido por ПΣXA”: ПΣXA em negrito de letras grossas; apenas o X em #FD7119; ПΣA herda a cor normal do rodapé. Logos PNG transparentes são derivados provisórios, não masters finais. Se algum token ou asset não estiver disponível, peça confirmação em vez de inventar.