Uma frase na entrada. Um brand kit inteiro na saída.
Descreva o que você está construindo e receba marcas vetoriais de verdade, editáveis, não bitmaps vetorizados.
Variantes do logo, o conjunto completo de favicons, paleta de cores e marcação pronta para colar, tudo em um zip.
Incluído no zip: favicon.ico · icon.svg · apple-touch-icon · ícones PWA · imagem OG · variantes do logo · trecho head
O que vem dentro
Tudo o que um site precisa no primeiro dia — e nada do que uma gráfica mandaria no lugar.
Logo e variantes
Composições horizontal e empilhada, o símbolo sozinho, preto sólido e branco invertido. PNG transparente mais SVG escalável ao infinito, prontos para os modos claro e escuro.
Favicon do site
Um .ico real com múltiplas resoluções, PNGs em todos os tamanhos, apple-touch-icon e ícones PWA — incluindo um arquivo maskable separado com a área segura que o Android exige.
Paleta de cores
Cor principal e de apoio com valores HEX/RGB, prontas para colar direto na sua configuração do Tailwind CSS.
Recomendações de tipografia
Um par de título e texto corrido vindo de famílias livres e open source alinhadas ao tom da marca, com os fallbacks CJK já na pilha.
Imagens sociais e de compartilhamento
Uma imagem OG 1200×630, um card do Twitter, uma miniatura quadrada específica para o WeChat e um avatar 400×400 que serve em qualquer plataforma.
Marcação pronta para colar
Um trecho de head com os links dos ícones, theme-color e as tags OG e Twitter — justamente as que a maioria dos sites esquece até um link compartilhado aparecer em branco.
Exemplos de brand kit gerados por esta ferramenta
Não sabe como descrever sua marca em palavras? Veja os exemplos abaixo, todos gerados pela nossa IA. Se você está construindo uma ferramenta SaaS enxuta ou um app de consumo mais solto, aqui tem um ponto de partida.
Como é um kit finalizado
Uma geração real para uma ferramenta de edição de podcast. Uma marca, e tudo abaixo dela é derivado — o favicon em cada tamanho real em pixels, o card OG, a escala de cor e a documentação que explica ao time como usar.
SaaS técnico
“Um painel de monitoramento de APIs para desenvolvedores, minimalista e técnico, azul-marinho profundo com um acento de sinal.” O símbolo se lê como um farol de rastreamento, e a mesma marca se sustenta como favicon de aba.
App de estilo de vida
“Um app simpático de agendamento para clínicas veterinárias, acolhedor e confiável, verde-água e branco.” Uma única silhueta arredondada, sem detalhe interno — que é exatamente o que sobrevive a uma aba de 16px.
Ferramenta para criadores
“Uma ferramenta de edição de áudio para podcasters independentes, marcante e de alto contraste.” O triângulo de play também ancora o logotipo, e a paleta continua legível numa barra de abas escura.
Por que o favicon é desenhado à parte
À esquerda: um logo cheio de detalhes reduzido direto ao tamanho de uma aba — ele se desfaz. À direita: uma marca derivada pelas regras de favicon, nos mesmos 16px, ainda legível. Essa é a checagem que a maioria dos geradores nunca mostra, e aqui ela roda em cada candidato.
O que é um brand kit e por que o favicon faz parte dele?
Um brand kit é o conjunto reutilizável de recursos visuais com que um produto se apresenta: o logo e suas variantes, o favicon, a paleta de cores e a escala tipográfica. O favicon faz parte dele — mas é derivado do símbolo do logo, nunca o logo inteiro reduzido. O logo do Google é o logotipo de quatro cores; o favicon é um único G, desenhado à parte.
Quadrado, sempre
A maioria dos logos é composição horizontal. O espaço do favicon é quadrado, então o símbolo precisa se sustentar sozinho.
Legível a 16px
Linhas finas somem, gradientes viram borrão, texto fica ilegível. É essa restrição que decide o desenho.
Aguenta claro e escuro
Uma marca quase branca some numa barra de abas clara. A paleta precisa se sustentar dos dois lados.
Três passos até uma identidade de marca completa
O caminho tradicional é escrever o briefing, achar um designer e esperar uma semana. Aqui é uma frase e mais ou menos um minuto.
1. Descreva sua ideia
Por exemplo: uma ferramenta de IA para revisar artigos acadêmicos voltada a estudantes internacionais, estética minimalista e técnica, azul como cor principal. Transformamos isso num briefing de marca e abrimos em várias direções genuinamente diferentes — não a mesma ideia em quatro cores.
2. A IA gera em paralelo
O motor trabalha em paralelo: gera os conceitos de logo como vetor de verdade, extrai a paleta correspondente e planeja a escala tipográfica.
3. Baixe o zip
Gostou? Um clique baixa um zip com todos os recursos e as instruções de instalação. Mudar o nome da marca depois não custa nada.
Perguntas frequentes
Mais dúvidas? Escreva para [email protected].
É o conjunto reutilizável de recursos visuais com que um produto se apresenta — logo e variantes, favicon, paleta de cores, escala tipográfica e as regras de uso que mantêm tudo coerente. Um brand kit não é um único arquivo de logo; é tudo o que você precisa para a marca aparecer igual numa aba do navegador, na tela inicial do celular e na prévia de um link compartilhado.
Sim — um punhado de traçados com cores nomeadas, em geral abaixo de 12 KB. Ele é gerado como vetor, não vetorizado a partir de um bitmap, então não há contornos de mil nós para brigar no Illustrator ou no Figma.
Não. O nome é um elemento de texto vivo dentro do SVG, não está fundido no desenho, então renomear é só renderizar de novo. Só gerar marcas novas gasta créditos.
Você pode usar comercialmente. Mas a geração por IA não garante exclusividade — uma descrição parecida pode dar um resultado parecido para outra pessoa. Consulte um advogado de marcas antes de registrar.
É de propósito. Um favicon precisa ser quadrado, precisa ser legível a 16px e precisa se sustentar em barras de abas claras e escuras. Pegamos o símbolo, recortamos nos limites dele e rodamos uma checagem de legibilidade antes de entregar.
Dá. O conversor de SVG para ICO roda inteiro no seu navegador e é gratuito, sem cadastro e sem créditos.
Gostou desses estilos? Gere o seu.
Descreva seu produto e receba em cerca de um minuto um brand kit completo e pronto para uso comercial.