Uma interface com a sua cara.
Aplique a cor principal, escolha a tipografia e defina o acabamento dos elementos do tema.
- Fonte do sistema, Inter, Roboto ou Open Sans
- Acabamento essencial ou refinado
- Ajustes de contraste nos botões
Personalização para SaaS White Label
Seu SaaS.
Sua marca.
Seu jeito.
Transforme suas cores, fontes e logo em CSS para o painel e a tela de login. Com um fluxo guiado, do primeiro pedido à aplicação.
Documentação em português · Pacote completo · Por Tayrone Dsan
◈ SUA MARCA
Conecte sua equipe.
Simplifique o dia.Sua identidade em cada detalhe.
FEITO PARA SUA OPERAÇÃOSimplifique o dia.Sua identidade em cada detalhe.
Bom ter você aqui.
Entre para continuar.
voce@suaempresa.com
••••••••
Esqueceu sua senha?
EXEMPLO ILUSTRATIVO · LOGIN
Cores da sua marcaLogin em duas colunasModos claro e escuroDesktop e celular
Uma identidade, diferentes telas
Escolha por onde começar.
Personalize uma tela ou combine painel e login. O CSS é preparado de acordo com a estrutura compatível da sua plataforma.
Uma entrada bem apresentada.
Área da marca e formulário lado a lado no desktop, com adaptação para uma coluna no celular.
- Logo menor e frase opcional
- Paletas para claro e escuro
- Recuperação abaixo da senha, à direita
Comece pela sua identidade.
Anexe a logo na conversa e peça uma paleta para o painel, o login ou os dois.
- Cores identificadas e tons derivados
- HEX aproximados quando a análise for visual
- Preservação do arquivo original da logo
Do download ao seu SaaS
Um caminho simples.
Você no controle.
O pacote reúne uma skill, um gerador Python e referências. Ele cria o CSS; você escolhe quando aplicá-lo.
Consultar o guia completo ↗Baixe e extraia o pacote
Use o ZIP completo da versão 1.4.8. Guarde seus temas anteriores antes de começar.
Escolha como usar
Carregue a skill em um ambiente compatível, seguindo seu mecanismo de instalação. Como alternativa, execute o gerador local com Python 3. Anexar o ZIP a uma conversa não instala o plugin permanentemente.
Conte como é a sua marca
Informe cor, fonte e a tela desejada — ou anexe sua logo na conversa. Use um dos exemplos abaixo como ponto de partida.
Aplique e confira
Salve uma cópia do CSS atual. Aplique o novo em DASHBOARD_STYLE_CSS, se disponível na tela desejada. Confira celular, desktop e os modos claro e escuro. Para desfazer, restaure a cópia.
Comece com um pedido
Copie. Personalize. Crie.
Leve um destes exemplos para a conversa com a skill disponível.
Tema do painel
Crie o CSS do meu painel com a cor #087F5B, fonte Inter e acabamento refinado.
Tela de login
Personalize somente o login em duas colunas. Use verde #087F5B e a frase “Sua operação em um só lugar”. Mantenha a fonte atual e os modos claro e escuro.
A partir da logo
Extraia as cores da logo que anexei e crie o CSS para o painel e o login. Mostre a paleta e diferencie as cores da marca dos tons ajustados para contraste.
Versão disponível · 1.4.8
Tudo para começar,
em um só pacote.
Skill conversacional, gerador Python, modelos CSS e documentação em português brasileiro.
Baixar pacote completo — ZIP ↓
Versão fixa: novas versões precisam ser baixadas e instaladas conforme o ambiente utilizado.
Compatibilidade: o painel usa a base documentada do SaaS White Label; o perfil específico de login foi preparado para a estrutura 4.17.1. Outras estruturas podem exigir adaptação dos seletores. Consultar compatibilidade.
Antes de começar
Respostas diretas.
Preciso saber programar?
O fluxo conversacional orienta a criação do CSS. Para aplicar, você precisa acessar o campo de personalização da sua plataforma. Instalações com HTML diferente podem precisar de apoio técnico para adaptar os seletores.
O pacote instala diretamente no ChatGPT?
Não há garantia de importação por ZIP em qualquer conta. Use o mecanismo de plugins ou skills disponível no seu ambiente. O pacote para download é separado do plugin da conta do autor.
Posso usar no Claude?
O núcleo é uma skill com instruções, scripts e referências que pode ser adaptada. Esta versão ainda não foi validada no Claude e o ZIP completo não é apresentado como um instalador pronto para ele.
A logo é aplicada automaticamente?
Não. Anexar a logo permite analisar suas cores. O arquivo configurado na plataforma é preservado; sua substituição é uma etapa separada.
Funciona em qualquer SaaS?
Os perfis atendem às estruturas documentadas. Para outra plataforma ou versão, pode ser necessário fornecer o HTML renderizado e sanitizado da tela, sem credenciais ou dados pessoais.
Como desfaço uma alteração?
Restaure o CSS que você salvou antes da aplicação e atualize a página com Ctrl + Shift + R. Confira as telas e os controles de acesso.
Por que a cor do botão pode mudar?
O gerador pode escurecer a cor para melhorar o contraste com o texto branco. A entrega distingue a cor solicitada da aplicada. Isso não representa uma auditoria de acessibilidade de toda a plataforma.