Medidas, códigos e produção
CONSULTA TÉCNICA.
Logos, espaço e tamanho
A horizontal sem slogans é a assinatura principal. Original para capas e campanhas com espaço para detalhes; chapada para o uso diário e impressão; simplificada para tamanhos menores. Compacta em áreas quadradas ou altas. MC e selo compacto em avatares e ícones. Todo o aro do selo com assinaturas precisa ser legível.
| Aplicação | Composição | Acabamento | Critério principal |
|---|---|---|---|
| Capa e campanha | Horizontal ou compacta | Original | Espaço para brilho e detalhes |
| Post e anúncio de produto | Horizontal ou compacta | Chapado | Leitura do nome e das informações |
| Avatar e perfil | MC ou selo compacto | Simplificado | Reconhecimento em miniatura |
| Cabeçalho estreito | Horizontal | Chapado ou simplificado | Altura disponível e contraste |
| Etiqueta e adesivo | Selo compacto | Chapado ou simplificado | Tamanho e método de impressão |
| Selo com informações | Selo com assinaturas | Chapado ou simplificado | Leitura de todo o aro |
| Uma única tinta | Horizontal monocromática | Preta ou branca | Vazados e contraste com o fundo |
Área de proteção
X corresponde a 1/10 da largura visível da marca, incluindo contornos e pontas. Mantenha pelo menos X livre de bordas, textos e outras marcas em todos os lados. Uma marca de 100 mm precisa de 10 mm livres ao redor. A transparência do arquivo conta como espaço livre. Na compacta e no MC, meça a largura visível; no selo, use 10% do diâmetro externo. A assinatura verbal fica fora da proteção ou na composição pronta.
Mínimos de referência
| Composição | Original / tela e impressão | Chapada / tela e impressão | Simplificada / tela e impressão |
|---|---|---|---|
| Horizontal | 180 px / 45 mm | 160 px / 40 mm | 128 px / 32 mm |
| Compacta / vertical | 160 px / 40 mm | 128 px / 32 mm | 96 px / 24 mm |
| Monograma MC | 64 px / 16 mm | 48 px / 12 mm | 32 px / 8 mm |
| Selo compacto | 160 px / 40 mm | 128 px / 32 mm | 96 px / 24 mm |
| Selo com assinaturas | 512 px / 75 mm | 512 px / 75 mm | 512 px / 75 mm |
Confira a leitura no tamanho, papel, acabamento e impressão finais. No HTML a 100%, as medidas são pixels CSS; no PDF, escala de impressão. Para favicon abaixo de 32 px, prepare uma adaptação do MC e teste em 16 px. Preserve proporção, cores, contornos e todos os elementos. Use apenas os efeitos presentes na arte original. Para gravar, bordar ou usar uma tinta em outra composição, prepare a arte técnica e confira os vazados.
Cores e reprodução
| Cor | HEX | RGB | CMYK de referência* | Papel |
|---|---|---|---|---|
| Amarelo elétrico | #FFD400 | 255 / 212 / 0 | 0 / 17 / 100 / 0 | Protagonista |
| Violeta | #8A2BE2 | 138 / 43 / 226 | 39 / 81 / 0 / 11 | Complementar |
| Laranja chama | #FF6A00 | 255 / 106 / 0 | 0 / 58 / 100 / 0 | Energia e descoberta |
| Preto | #000000 | 0 / 0 / 0 | 0 / 0 / 0 / 100 | Estrutura e contorno |
| Branco | #FFFFFF | 255 / 255 / 255 | 0 / 0 / 0 / 0 | Respiro e contraste |
| Vermelho | #F51F2A | 245 / 31 / 42 | 0 / 87 / 83 / 4 | Acento pontual |
| Grafite | #171923 | 23 / 25 / 35 | 34 / 29 / 0 / 86 | Apoio editorial |
| Branco suave | #F7F6F2 | 247 / 246 / 242 | 0 / 0 / 2 / 3 | Apoio editorial |
HEX e RGB são referências para tela. O CMYK da tabela foi calculado sem perfil e serve como referência. Converta para o ICC combinado com a gráfica e confira a prova no papel e acabamento finais. Use K100 em textos pretos pequenos; siga a gráfica nas áreas escuras maiores. Não há equivalência Pantone definida.
Distribuição de referência: 60% neutros, 20% amarelo, 10% violeta, 8% laranja e 2% vermelho. Ajuste à composição: amarelo e violeta são as cores principais; laranja e vermelho entram em acentos. Preserve as cores da logo.
Contraste
Para texto digital, use no mínimo 4,5:1 no corpo e 3:1 em texto grande (24 px regular ou cerca de 18,7 px em negrito). Referência: WCAG 2.2, SC 1.4.3.
| Par de cores | Razão | Uso |
|---|---|---|
| Amarelo / grafite | 12,23:1 | Texto corrente |
| Branco / violeta | 5,96:1 | Texto corrente |
| Grafite / branco suave | 16,19:1 | Texto corrente |
| Preto / laranja | 7,31:1 | Texto corrente |
| Branco / amarelo | 1,43:1 | Elementos decorativos |
| Branco / laranja | 2,87:1 | Elementos decorativos |
Tipografia e composição
Barlow Condensed Black 900 em chamadas curtas, de preferência em caixa alta. Inter 400, 600 e 700 nos textos, preços e dados. Preserve a largura natural das fontes. Use números tabulares em tabelas e preços.
| Nível | Fonte | Tela | Impresso | Entrelinha |
|---|---|---|---|---|
| Chamada | Barlow Condensed 900 | 40-72 px | 26-48 pt | 95-105% |
| Apoio | Inter 600 | 20-28 px | 14-20 pt | 120-135% |
| Corpo | Inter 400 | 16-18 px | 10,5-12 pt | 145-155% |
| Dados e legendas | Inter 400 ou 600 | 13-14 px | 9-10 pt | Preferir corpo maior para dados essenciais |
Essas medidas valem para o tamanho final de leitura. Confira a escala de exibição nas redes. Use chamada, apoio, dados essenciais e ação como ordem de leitura. Para peças digitais, a referência inicial é margem de 6% da menor dimensão e seis colunas. A proteção da logo prevalece quando a margem da peça for menor.
Padrões aprovados
01 / Hora da troca v2: principal da marca. Módulo de 768 × 768, colorido ou em violeta sobre branco suave. Repita a prancheta inteira, sem espaços. O fundo opaco faz parte do módulo.
02 / Órbita v5: Base é a principal desta família; Aberta atende às aplicações mais leves. Ambas têm versões coloridas e de uma tinta. Use o módulo inteiro nas repetições; recortes ampliados cabem em capas e campanhas. Textos, dados e logo precisam de áreas limpas.
Os SVGs preservam a paleta RGB. Versões de uma tinta são artes de cor única, sem conversão para CMYK ou separação de tintas. V3 do 01, Órbita Dupla e os estudos Desvio, chama, folha e pedra não fazem parte da seleção deste guia.
Traço Elétrico + Lucide
Seis autorais para Colecionar: carta, coleção, troca, energia, pacote e novidade. Lucide nas 18 ações e funções de navegação. A grade comum é 24 × 24 com currentColor. Referência em 24 px: traço de 1,75 unidade. Em 16 px: 2,25 unidades na grade de 24, equivalentes a 1,5 px na tela.
Os autorais têm desenho próprio para 16 px. Lucide preserva a geometria oficial e ajusta escala e espessura. Para 32 e 48 px, use a base de 24 px. Mantenha rótulos visíveis ou nomes acessíveis nas ações. SVGs via img não herdam currentColor do componente; use SVG inline ou sprite quando precisar dessa herança.
Personagens, cartas e imagens
Pikachu traz proximidade; Mewtwo, presença; Charmeleon, atitude; Ash, comunidade. Um protagonista por peça. Preserve cores, proporções, rosto e gestos. Os arcos podem passar à frente do corpo. As quatro composições aprovadas acompanham o kit.
Poké Bola pode apoiar descobertas e transições; preserve círculo, botão e cores. Pokédex pode apoiar guias e curiosidades; mantenha telas e controles reconhecíveis. Esses elementos de repertório não substituem os padrões aprovados.
As cartas Charmeleon 005/165, Pikachu 025/165 e Mewtwo 150/165 são referências do catálogo Scarlet & Violet 151, em inglês. Não indicam estoque ou estado de uma unidade. Em ofertas, use fotos da carta à venda: frente, verso, bordas e detalhes, mesma escala e orientação, luz difusa e câmera paralela. Mostre marcas e acabamento. Filtros, retoques e grafismos não devem alterar a percepção do estado.
Digital e produção física
Em ofertas, informe nome, coleção, número, idioma, estado, marcas, preço, disponibilidade e condições. Mostre a unidade à venda e um próximo passo claro. Descreva raridade e edição; confira qualquer prazo ou serviço anunciado. Evite promessas de valorização futura ou urgência sem motivo.
Feed: referência 4:5, 1080 × 1350. Stories: 9:16, 1080 × 1920, uma ideia por tela. Reserve o centro para mensagem e imagem; confira os recortes e controles na interface final do canal. No avatar, use MC ou selo compacto simplificados, com proteção dentro do recorte circular.
As imagens de aplicações são mockups conceituais já criados para a marca. Elas não documentam produtos ou espaços já produzidos. Os PNGs foram preservados sem retoque. Embalagens, vestuário e materiais de encontro dependem de preparação para produção. Defina medidas, material, faca, sangria, margens, espessuras, tintas e acabamento com o fornecedor. Confira em tamanho real. Incorpore ou converta fontes conforme a especificação; combine perfil ICC e prova.
SVG preserva curvas, cores e transparência. PNG mantém pixels e texturas; confira a resolução para o tamanho final. PDF do guia serve à apresentação. Prepare a arte de produção conforme a especificação do fornecedor.
Jeito de falar
Escreva My Card e Pokémon. Use frases diretas e verbos ativos. Explique os termos técnicos para quem está começando. Caixa alta nos títulos curtos; poucos emojis nas redes. Acolha iniciantes e colecionadores experientes.
Descoberta: “Seu próximo achado pode estar aqui.” Comunidade: “Qual carta ainda falta na sua coleção?” Compra de cartas: peça fotos de frente e verso, edição, número e idioma para avaliar. Venda de cartas: mostre fotos, estado, preço e condições. Assinatura verbal: Colecione • Troque • Evolua.
Arquivos e conferência
O kit da marca inclui logos selecionadas, padrões, ícones de 16 e 24 px, sprites, licenças, personagens e composições. Extraia o pacote inteiro para manter os caminhos relativos. As fontes e licenças ficam em assets/fontes/.
Antes de enviar, confira nomes, dados da carta, composição, tamanho, proteção, proporções, contraste e prévia do canal. Na impressão, confira escala, sangria, perfil, prova, fontes, curvas e especificações combinadas. Atualize o número da edição quando regras ou arquivos da marca mudarem.