Assets da marca
Copia esta página em Markdown, para colar no ChatGPT, no Claude ou no Gemini.Os elementos gráficos da marca, um a um, com uso e arquivos para baixar.
O essencial
- Use cada asset nas combinações de cor que já vêm nele: todas são pares aprovados do brand.json (por exemplo, Verde Score sobre Branco, contraste 3,57:1).
- Grafismos (Barra de score, Barra de score (indicador parcial), Título em duas camadas, Bloco de destaque): use o arquivo pronto, sem redesenhar.
- Barra de Score: máximo 1 por peça além do logotipo.
- Formas seguem o sistema: cantos de 16px, botões em pílula, selos em pílula; ícones com traço de 1,5 px.
- Nos templates, troque só os textos em cinza: logo, grid de 8 px, margens e cores ficam como estão.
Grafismos
Os elementos de assinatura de Score Positivo, cada um em arquivo próprio: SVG e PNG transparente em 1x e 2x, nas cores dos pares aprovados.
Fundos e gradientes
Cada cor da paleta como fundo em 16:9, 1:1 e 9:16, mais o gradiente da marca (#4E9901 → #71DF01). Padrões e texturas só entram se o brand.json os definir.
Ícones
Conjunto base de ícones de interface, recolorido nas cores da marca: traço sobre transparente e em chip, em SVG.
Selos
Selos em SVG e PNG, com os textos definidos no brand.json.
Templates editáveis
Post, carrossel, story e slide, prontos para editar: troque os textos no SVG ou direto no HTML, no navegador. O PNG serve de prévia.
Rótulos em cinza são instruções de função: troque pelo seu texto. As caixas tracejadas são o gabarito das zonas e não saem na arte final.
Biblioteca de assets da marca
Filtre por categoria, abra o painel para escolher variação, formato e tamanho, ou marque vários e baixe em um .zip.
Barra de score
Trilho Cinza com preenchimento em gradiente (#4E9901 → #71DF01) e ponto no fim.
- SVG
- PNG
Barra de score (indicador parcial)
Barra com preenchimento parcial, para indicador de progresso. Trilho Cinza com preenchimento em gradiente (#4E9901 → #71DF01) e ponto no fim.
- SVG
- PNG
Título em duas camadas
Linha de contexto em Poppins Regular + linha de resultado em Poppins Bold na cor Verde Score (sobre fundo claro) ou Verde Claro (sobre Azul Noite).
- SVG
- PNG
Bloco de destaque
Retângulo Verde Claro (#71DF01) atrás da palavra-chave do título, com texto PRETO em Bold (contraste 12,26:1), como nos criativos.
- SVG
- PNG
Fundo Verde Score
#4E9901, sólido em 16:9, 1:1 e 9:16. Texto aprovado: Preto, Branco (só texto grande).
- PNG
Fundo Verde Claro
#71DF01, sólido em 16:9, 1:1 e 9:16. Texto aprovado: Preto.
- PNG
Fundo Azul Noite
#191D28, sólido em 16:9, 1:1 e 9:16. Texto aprovado: Branco, Verde Claro, Verde Score.
- PNG
Fundo Branco
#FFFFFF, sólido em 16:9, 1:1 e 9:16. Texto aprovado: Preto, Azul Noite, Verde Score (só texto grande).
- PNG
Fundo Cinza
#E1E1E1, sólido em 16:9, 1:1 e 9:16. Texto aprovado: Azul Noite.
- PNG
Fundo Preto
#000000, sólido em 16:9, 1:1 e 9:16. Texto aprovado: Branco, Verde Claro.
- PNG
Gradiente da barra de score
Gradiente #4E9901 → #71DF01, o mesmo da barra de score, em 16:9, 1:1 e 9:16.
- SVG
- PNG
Ícones de interface (traço)
24 ícones lucide em SVG, traço de 1,5 px com pontas arredondadas, fundo transparente.
- SVG
Ícones de interface (chip)
Os mesmos 24 ícones sobre quadrado de 16 px de raio, nas combinações aprovadas.
- SVG
Selo b2b (curto)
Texto do selo: Para empresas. Pílula com 'Para empresas' ou 'Uso corporativo, contratação por CNPJ' em peças de mídia, para filtrar o público B2C.
- SVG
- PNG
Selo b2b (longo)
Texto do selo: Uso corporativo, contratação por CNPJ. Pílula com 'Para empresas' ou 'Uso corporativo, contratação por CNPJ' em peças de mídia, para filtrar o público B2C.
- SVG
- PNG
Template de post quadrado (1:1)
Post de feed, 1080 × 1080 px: logo, título, apoio e chamada. SVG com texto editável, prévia em PNG e HTML para editar no navegador.
- SVG
- PNG
- HTML
Template de carrossel (3 telas)
Carrossel 1080 × 1350 px em 3 telas: capa, conteúdo e fechamento. SVG com texto editável, prévia em PNG e HTML para editar no navegador.
- SVG
- PNG
- HTML
Template de story (9:16)
Story e reels, 1080 × 1920 px, com as zonas seguras do topo e da base livres. SVG com texto editável, prévia em PNG e HTML para editar no navegador.
- SVG
- PNG
- HTML
Template de slide (16:9)
Slide 1920 × 1080 px: logo, título, apoio e rodapé. SVG com texto editável, prévia em PNG e HTML para editar no navegador.
- SVG
- PNG
- HTML
Nenhum asset corresponde a esses filtros.
0 selecionados · 0 arquivos
1 variação e formato padrão por asset.
Kit pronto
Os 19 assets desta página em um .zip, na mesma organização de pastas do pacote da marca.
- Baixar kit (.zip)
Kit Assets de marca
Grafismos, fundos e gradientes, ícones, selos e templates editáveis (SVG, PNG e HTML)
Inclui: Barra de score · Barra de score (indicador parcial) · Título em duas camadas · Bloco de destaque · Fundo Verde Score · Fundo Verde Claro · Fundo Azul Noite · Fundo Branco · Fundo Cinza · Fundo Preto · Gradiente da barra de score · Ícones de interface (traço) · Ícones de interface (chip) · Selo b2b (curto) · Selo b2b (longo) · Template de post quadrado (1:1) · Template de carrossel (3 telas) · Template de story (9:16) · Template de slide (16:9)
Especificação técnica
Tamanhos, nomes, grid e como editar os templates.
Abrir a especificação
Formatos e tamanhos
- Grafismos: SVG, PNG. Tamanhos: 960 × 40 px; 960 × 240 px; 480 × 160 px.
- Fundos: PNG, SVG. Tamanhos: 1920 × 1080 px; 1080 × 1080 px; 1080 × 1920 px.
- Ícones: SVG. Tamanhos: 24 × 24 px; 48 × 48 px.
- Selos: SVG, PNG. Tamanhos: 279 × 64 px; 614 × 64 px.
- Templates: SVG, PNG, HTML. Tamanhos: 1080 × 1080 px; 1080 × 1350 px; 1080 × 1920 px; 1920 × 1080 px.
Grid e medidas
- Grid base de 8 px; margens de 80 px (post, carrossel, story) e 96 px (slide).
- Story: zona segura de 256 px no topo e 320 px na base, sem texto nem logo.
- Raio: 16px; botões em pílula; selos em pílula. Filete de 1 px.
- Ícones: grade de 24 px, traço de 1,5 px, pontas arredondadas; chips de 48 px.
Nomenclatura
- slug_elemento-versao_variacao_contexto.ext, minúsculo e sem acento. Exemplo: score-positivo_grafismo-barra-score_verde-score-sobre-branco_vetor.svg.
- Variação de cor = par aprovado (cor sobre fundo); contexto = 1x, 2x, vetor, formato de tela ou tamanho.
Templates editáveis
- SVG: textos reais (elementos de texto) com a fonte da marca embutida para visualização; instruções no <desc>; o grupo "gabarito" (zonas tracejadas) deve ser ocultado antes de exportar.
- PNG: prévia com o texto em curvas. HTML: autocontido (fontes em base64), campos editáveis no navegador e botão "Baixar PNG".
- Rótulos em cinza são instruções de função e não entram na arte final.
O que não existe e por quê
- Padrões e texturas: o brand.json não define nenhum; por isso não há arquivo.
- Elementos sem forma gráfica (por exemplo, personagens ou avatares) ficam fora desta página.