Comece pelos arquivos, não pela reconstrução. Este guia reúne o hero, o personagem, o ícone fotográfico aprovado e as assinaturas originais do refinado v4.
Encontrar um arquivoPresença de pista
Gato preto esguio, aviadores prateados, público refletido nas lentes e iluminação de show.
Cinco cores fixas
Rosa, amarelo, verde, azul e violeta. O halo e a barra cromática conectam as aplicações.
Uma fonte por família
O mesmo master em todos os tamanhos. Lineart e wordmarks preservados literalmente do v4.
As artes reunidas aqui são a seleção final desta etapa. As medidas de proteção, sugestões de layout e tipografia de apoio abaixo são orientações de aplicação; não representam novas versões da marca.
A arte é a marca.
Use o arquivo correspondente ao contexto. Preserve a forma, a proporção, as cores e a posição da barra.
Wordmark horizontal
Nome em uma linha e barra cromática abaixo. Para a assinatura nominal da marca.
Baixar master PNG
Wordmark empilhado
MAD / barra / PHOTONS. A barra fica entre as palavras, como no arquivo original.
Baixar master PNG
Símbolo lineart
Alternativa gráfica à fotografia. Orelhas, óculos, focinho e contorno fazem parte da mesma arte.
Baixar master PNG
Integridade do arquivo
- Não digitar ou redesenhar o wordmark.
- Não separar, trocar ou reposicionar a barra cromática.
- Não retirar elementos do lineart nem substituir seus aviadores.
- Redimensionar sempre proporcionalmente.
Área de proteção
Reserve ao redor da imagem uma margem externa sugerida de ⅛ da largura do quadrado. Conte essa margem além do espaço já presente no arquivo.
O espectro da marca.
Preto como base, branco para leitura e cinco acentos de luz. Clique em uma cor para copiar o HEX.
A ordem é uma assinatura
Rosa → amarelo → verde → azul → violeta. Preserve essa ordem na barra. Os gradientes de luz das fotografias já estão incorporados às artes.
Cor de marca ≠ filtro de imagem
Use os códigos fixos em fundos, barras e elementos gráficos. Preserve as variações luminosas do hero: não recolorir a fotografia para forçar cada pixel ao HEX da paleta.
Contraste para textos e interfaces
Prefira branco sobre preto para texto corrido. Os acentos têm contrastes diferentes: uma cor que funciona como luz ou decoração pode não funcionar em texto pequeno. Os valores abaixo comparam cada cor com o preto da marca; não medem o contraste variável dentro das fotografias.
| Cor | Sobre #121218 | Orientação |
|---|
Nunca dependa só da cor para transmitir estado: acrescente rótulo, símbolo ou forma.
Assinatura e leitura.
O wordmark é arte fixa. A tipografia de apoio organiza o conteúdo sem tentar imitá-lo.
Inter / sans-serif
Títulos, textos e controles. Use a família quando disponível; mantenha uma alternativa do sistema para documentos que precisam abrir sem instalar fontes.
JetBrains Mono / monospace
Dados, dimensões, códigos de cor e informações técnicas. Use com moderação para diferenciar os dados da narrativa.
1254 × 1254 px
MASTER / PNG / ICO
Hierarquia sugerida
- Título
- 40–64 px · peso 600–700
- Subtítulo
- 24–32 px · peso 600
- Corpo
- 16–18 px · entrelinha 1,5
- Legenda
- 12–14 px · contraste preservado
O que este kit não fornece
Não há arquivo de fonte identificado para o desenho do wordmark. Inter e JetBrains Mono são referências de apoio já usadas na interface do produto; os arquivos e licenças dessas fontes não integram este pacote.
Este HTML usa alternativas locais quando as famílias não estão instaladas. Não depende de serviços externos de fontes.
.mp-texto {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.mp-dados {
font-family: "JetBrains Mono", ui-monospace, monospace;
}Reconhecível em cada formato.
Escolha uma arte já composta para a aplicação. O hero, o corpo inteiro e o ícone têm enquadramentos diferentes e funções próprias.
Hero sem wordmark
Para peças que pedem uma assinatura separada. Coloque textos em uma área própria; não sobre o rosto ou os reflexos das lentes.
PNG · 1672 × 941 ↓
Personagem
Para cartazes e formatos verticais. Preserve anatomia, pose, patas, cauda e proporção original.
PNG · 941 × 1672 ↓A mesma anatomia. Novas situações.
As duas cenas mantêm o gato preto esguio, a musculatura, a mancha branca no peito e os aviadores. São imagens horizontais sem wordmark, prontas para receber uma assinatura separada no layout.
Deitado, olhando para cima
Uma postura relaxada com o olhar elevado do KV 03, preservando a anatomia do gato sentado. Mantenha o corpo, as patas e a cauda dentro do enquadramento.
PNG · 1672 × 941 ↓
Sobre a festa
O gato caminha na estrutura de iluminação, com a festa acontecendo abaixo. Preserve as patas apoiadas, a treliça e a profundidade que situa o público lá embaixo.
PNG · 1672 × 941 ↓
Rosto esguio
Gato preto, orelhas altas e focinho estreito. Evite alterações na anatomia entre aplicações.
Aviadores & reflexos
Armação prateada, público e feixes nas lentes. Preserve a nitidez desses elementos.
Luz com direção
Rosa quente à esquerda; azul e violeta à direita. Mantenha o contraste de borda no pelo preto.
Do master ao favicon.
O ícone aprovado conserva o queixo inteiro, um pouco de pescoço até a borda inferior e espaço acima do halo. O favicon é a mesma imagem reduzida.
Fotográfico
Aplicativo, avatar e favicon. O mesmo rosto, os mesmos reflexos e o mesmo enquadramento em todos os tamanhos.
- Master
- 1254 × 1254 px
- Formato
- PNG · ICO
- Fundo
- Opaco, incorporado à arte
A máscara arredondada é só uma simulação. Os downloads mantêm os pixels e o formato do arquivo.
Redução em tamanho real
Compare em zoom de 100% do navegador.
Para cada aplicação
- Favicon
- ICO com 16 / 32 / 48 / 64 px
- Atalho Apple
- PNG 180 × 180 px
- Manifest web
- PNG 192 e 512 px
- Avatar / app
- PNG 512 ou 1024 px, conforme o destino
Evite uma segunda arte em miniatura
Não redesenhar o gato, simplificar as lentes ou gerar outra imagem para 16 px. Reduza o master aprovado. Quando o contexto pedir uma leitura gráfica, use o lineart original como família alternativa.
O nome completo dos wordmarks perde leitura em 16 e 32 px. Para uma aba do navegador, prefira o ícone fotográfico ou o lineart.
<link rel="icon" href="assets/icons/fotografico/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180"
href="assets/icons/fotografico/180.png">
<meta name="theme-color" content="#121218">Cada formato tem seu espaço.
Use as proporções existentes como ponto de partida. A imagem deve ajudar a hierarquia da peça e preservar os elementos que identificam a marca.
Hero completo
Preserve a proporção original e o wordmark incorporado. Coloque conteúdo adicional fora da área da assinatura.
Ícone aprovado
Use o master próprio. Mantenha o respiro acima do halo, o queixo inteiro e o pescoço continuando até a borda.
Corpo inteiro
Use a arte vertical sem alongar o corpo ou cortar patas e cauda para preencher uma proporção diferente.
Redimensione a imagem. Não deforme o personagem.
Para um novo formato, primeiro ajuste o layout. Se precisar de uma composição que os arquivos atuais não atendem, trate-a como uma nova adaptação sujeita a revisão. Não resolva com esticamento, zoom excessivo ou cortes improvisados.
O que preservar.
Uma lista curta para revisar a peça antes de entregar.
A arte e seu enquadramento
- Usar os masters e exports fornecidos.
- Manter a proporção, o rosto e os aviadores.
- Conservar a ordem da barra de cinco cores.
- Deixar o queixo inteiro e um pescoço natural no ícone.
- Preservar o respiro acima do halo no master aprovado.
- Conferir tamanho final e leitura antes da entrega.
Alterações que criam outra marca
- Recriar ou gerar versões do lineart e dos wordmarks.
- Fazer outro gato para o favicon ou para cada tamanho.
- Apagar o pescoço e deixar a cabeça flutuando.
- Cortar o queixo ou deixar pescoço em excesso.
- Trocar lentes, aplicar filtros ou alterar a anatomia.
- Esticar a arte ou remover seu fundo automaticamente.
Envie o arquivo fonte correto + o tamanho final + o contexto de uso. Use os nomes do kit para evitar que um estudo antigo volte à produção.
Pronto para trabalhar.
Masters, reduções, favicons e paleta. Tudo abre sem dependência de pastas externas a este guia.
FotográficoMaster + PNGs + ICO↓
Lineart v4Arquivos originais↓
Wordmark horizontalArquivos originais↓
Wordmark empilhadoArquivos originais↓| Arquivo | Família | Formato / tamanho | Ação |
|---|
Nenhum arquivo encontrado. Tente outro nome ou tamanho.
Conteúdo, procedência e limites do kit
Fotográfico: master aprovado em 21/10/2026, com o pescoço contínuo e o enquadramento mais alto. As versões de app e favicon são reduções dessa imagem.
Lineart e wordmarks: cópias exatas do refinado v4, verificadas por SHA-256. Nenhuma regeneração, vetorização ou reconstrução de texto.
Imagens: três arquivos fornecidos para hero e corpo inteiro, mais as cenas aprovadas do gato deitado e caminhando nas treliças. Estudos e candidatos anteriores não integram este kit.
Limites: não há PSD em camadas, vetores de logo, fontes do wordmark, arte para impressão com perfil de cor definido ou versões transparentes. A documentação não altera essas características dos arquivos.
Baixar índice com dimensões e hashes ↓