Designer de emblemas

O Designer de emblemas é um editor visual de canvas em três colunas, integrado ao badges.ninja, que permite criar imagens de emblemas profissionais sem nenhuma ferramenta de design externa.

Visão geral

O designer abre dentro da janela Criar / Editar emblema. Ele tem três partes:

• Barra lateral — alterna o painel central entre Modelos, Uploads, Elementos, Texto, Atributos, QR Codes e Camadas.
• Painel — as ferramentas do modo selecionado na barra lateral.
• Canvas — uma prévia ao vivo e editável do emblema. Tudo o que você adiciona é um objeto real e selecionável, que pode ser movido, reestilizado, reordenado ou excluído.

Os detalhes do emblema (Emissor, Nome, Descrição, Critérios e o Texto de compartilhamento) ficam logo abaixo do canvas, de modo que o design e as informações da credencial ficam juntos em uma só janela — não há uma etapa separada.

Começando por um modelo

Clique em Modelos na barra lateral para ver os designs incluídos. A família Reconhecimento oferece um emblema profissional totalmente composto — uma moldura com formato definido mais textos de exemplo editáveis (organização, título, subtítulo e um selo de verificação) — em oito paletas de cores (Ouro, Prata, Bronze, Azul, Verde, Carmim, Roxo, Grafite). Use o filtro Categoria para refinar a lista, ou Canvas em branco para começar do zero.

Clique em um modelo para aplicá-lo. Os textos dele se tornam camadas normais e editáveis, que você pode alterar ou remover — nada fica embutido.

Elementos — formas, ícones, fitas e fundos

O painel Elementos adiciona gráficos sobre o seu emblema:

• Linhas — réguas horizontais / verticais.
• Formas — retângulos, retângulos arredondados, círculos e triângulos, preenchidos ou apenas com contorno.
• Ícones — 70 ícones pictográficos (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy e muitos outros), com busca.
• Fitas — 28 fitas decorativas sobrepostas, agrupadas em Retas / Pontiagudas / Pontas / Decorativas.
• Bases — 80 formas de base recoloríveis em várias categorias (círculos, escudos, hexágonos, estrelas, medalhas, selos, coroas de louros, faixas, geométricas).

Todo ícone, fita e base é inserido na cor atual e pode ser recolorido a qualquer momento.

Formas de fundo

Elementos → Formas de fundo reúne 68 molduras prontas (a biblioteca de formas × paletas). Ao aplicar uma, a moldura de fundo do emblema é trocada mantendo seus textos e elementos por cima — prático quando você quer uma combinação específica de forma/cor sem um modelo completo.

Enviando uma imagem personalizada

Use o painel Uploads para adicionar seu próprio logotipo, foto ou gráfico. São aceitos PNG, JPEG e SVG, de até 5 MB. A imagem é inserida como um objeto normal de primeiro plano — fica acima do design e nunca apaga o fundo. Para alterar o fundo do emblema, escolha um modelo ou uma forma de fundo.

Adicionando e estilizando texto

O painel Texto oferece:

• Adicionar título / subtítulo / texto normal — objetos de texto com tamanhos predefinidos.
• Combinações — conjuntos prontos como Certificado de Conquista, Concedido a ou Verifique em — cada linha continua editável de forma independente.

Selecione qualquer objeto de texto e a barra de ferramentas contextual aparece acima do canvas:

• Fonte — uma biblioteca de 50 fontes agrupadas em Sans, Serif, Manuscrita, Mono e Sistema. Escolha uma no menu suspenso; cada opção é exibida na própria fonte.
• + Fonte — envie uma fonte da sua marca (TTF, WOFF, WOFF2, OTF) para a sessão atual.
• Tamanho da fonte — o controle − / + (ou digite um número) redimensiona o texto selecionado com precisão, sem arrastar as alças.
• Cor — define o preenchimento do texto selecionado (e a cor padrão de inserção para novas formas/ícones).
• Alinhamento — seis botões alinham a seleção à esquerda / ao centro / à direita e ao topo / ao meio / à base em relação ao canvas.

Atributos dinâmicos

O painel Atributos insere tokens dinâmicos — , , , , , — como objetos de texto. Cada token é resolvido por destinatário no momento da emissão, então um único design se personaliza para cada pessoa que o receber. É assim que você coloca o nome do destinatário ou a data de emissão no próprio emblema.

QR Codes

O painel QR Codes insere um código escaneável vinculado a . Em cada credencial emitida, ele aponta para a página pública de verificação dessa credencial, de modo que qualquer pessoa pode escanear o emblema impresso para confirmá-lo.

Camadas

O painel Camadas lista todos os objetos do canvas. Nele você pode reordenar (trazer para frente / enviar para trás), ocultar/exibir, selecionar e excluir cada camada. A moldura de fundo fica fixa na base e permanece não interativa, para que os elementos de primeiro plano recebam todos os cliques.

Desfazer / Refazer (Ctrl+Z / Ctrl+Shift+Z) percorrem as últimas 20 alterações, e guias de alinhamento tracejadas aparecem quando você arrasta um objeto perto do centro do canvas.

Salvando o emblema

Não existe uma etapa separada de "exportação". Quando o design e os detalhes estiverem prontos:

• Criar emblema captura o canvas como PNG, envia para nossa CDN de imagens (Amazon S3, servido por uma URL imutável endereçada por conteúdo) e salva o emblema junto com o design editável — assim, ao reabrir o emblema, suas camadas individuais são restauradas para novas edições.
• Salvar rascunho guarda um emblema em andamento no servidor (entre dispositivos). Os rascunhos aparecem na sua lista de Emblemas com a marca Rascunho, e você pode retomá-los quando quiser.

Dicas para um bom design de emblema

• Mantenha simples — texto claro, pouca poluição visual. Os emblemas costumam ser exibidos em tamanho pequeno.
• Use alto contraste — deixe o texto legível sobre o fundo.
• Dê nome à credencial — quem vê deve entender de relance.
• Formato quadrado — os emblemas ficam melhores quadrados.
• Consistência de marca — reutilize as cores e as fontes da sua organização em todos os emblemas.
• Salve designs reutilizáveis — todo emblema que você cria também é salvo como um modelo da conta, que você pode usar como ponto de partida na próxima vez (veja Meus modelos).