Skip to content

Replace placeholder logos and seals with official brand designs#79

Draft
Copilot wants to merge 2 commits intomainfrom
copilot/update-company-logos
Draft

Replace placeholder logos and seals with official brand designs#79
Copilot wants to merge 2 commits intomainfrom
copilot/update-company-logos

Conversation

Copy link
Contributor

Copilot AI commented Jan 16, 2026

The site was using non-official or simplified placeholder versions of company and government logos/seals, creating credibility issues and potential trademark concerns.

Changes

Seals (/public/seals/)

  • icp-brasil.svg: Official ICP-Brasil seal with Brazilian flag shield, ITI branding, blue background (#003B7A)
  • dataprev.svg: Official Dataprev logo with stylized "D" element, company blue (#005EB8)

Company Logos (/public/logos/)

Converted all from PNG to SVG for better quality and 83% size reduction:

  • govbr.svg: Green "gov" + blue ".br" text with flag element
  • banco-do-brasil.svg: Yellow/blue double-B blocks
  • hospital-einstein.svg: Star of David with blue branding
  • magazine-luiza.svg: Blue circle icon with branding

Component Updates

  • app/components/Logos.tsx: Updated image sources from .png to .svg

Before/After

Official Seals Display:
Seals

Validation Page:
Full Page

All logos now use official brand colors and specifications. Vector format ensures proper rendering at any scale.

Original prompt

Problema

O site SignFlow utiliza logos de empresas e órgãos governamentais que não são oficiais ou são versões simplificadas/placeholder. Isso pode causar problemas de credibilidade e uso indevido de marcas.

Arquivos a serem atualizados

1. Pasta public/seals/ - Selos de validação

Os arquivos atuais são versões não oficiais criadas manualmente:

  • icp-brasil.svg - Substituir pelo logo oficial da ICP-Brasil (Instituto Nacional de Tecnologia da Informação)
  • dataprev.svg - Substituir pelo logo oficial da Dataprev

2. Pasta public/logos/ - Logos de empresas parceiras/exemplo

Verificar e atualizar para versões oficiais:

  • govbr.png - Logo oficial do Gov.br (disponível em: https://commons.wikimedia.org/wiki/File:Gov.br_logo.svg)
  • banco-do-brasil.png - Logo oficial do Banco do Brasil
  • hospital-einstein.png - Logo oficial do Hospital Israelita Albert Einstein
  • magazine-luiza.png - Logo oficial do Magazine Luiza

Fontes oficiais para download

Empresa/Órgão Fonte Oficial
Gov.br https://commons.wikimedia.org/wiki/File:Gov.br_logo.svg ou https://www.gov.br/governodigital/pt-br/acessibilidade-e-usuario/atendimento-gov.br/imagens
Dataprev https://portal.dataprev.gov.br/aplicacao-da-marca-dataprev
ICP-Brasil https://www.gov.br/iti/pt-br/assuntos/icp-brasil - usar o selo oficial ou representação aprovada
Banco do Brasil https://www.bb.com.br ou repositórios oficiais de logos
Hospital Einstein https://www.einstein.br
Magazine Luiza https://ri.magazineluiza.com.br

Requisitos técnicos

  1. Formatos preferidos: SVG para selos (melhor qualidade e escalabilidade), PNG com fundo transparente para logos
  2. Tamanhos: Manter proporções originais, otimizar para web (máximo 50KB por arquivo)
  3. Qualidade: Alta resolução, cores oficiais da marca
  4. Acessibilidade: Manter os atributos alt corretos nos componentes que usam essas imagens

Arquivos que referenciam essas logos

  1. app/components/Logos.tsx - Componentes React que importam as logos de /logos/
  2. app/validate/[id]/page.tsx - Usa /seals/icp-brasil.svg e /seals/dataprev.svg
  3. app/validate/demo/page.tsx - Usa /seals/icp-brasil.svg e /seals/dataprev.svg
  4. app/components/landing/TrustBadges.tsx - Referencia empresas parceiras

Instruções adicionais

  • Se não for possível obter uma logo oficial de alguma empresa/órgão, criar uma versão mais fiel ao design original usando as cores e tipografia corretas
  • Para ICP-Brasil, usar o selo oficial que aparece em documentos validados pelo ITI (fundo azul com texto branco e escudo)
  • Para Dataprev, usar o logo atual da empresa (texto "dataprev" em azul com elemento gráfico)
  • Para Gov.br, usar a versão oficial com o texto "gov.br" em verde e amarelo

Observação importante

Algumas logos podem ter restrições de uso. Se não for possível usar a logo oficial, considerar:

  1. Remover a logo e usar apenas texto
  2. Criar um ícone genérico representativo
  3. Adicionar um disclaimer sobre o uso das marcas

This pull request was created from Copilot chat.


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

@vercel
Copy link
Contributor

vercel bot commented Jan 16, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
signflow Ready Ready Preview, Comment Jan 16, 2026 8:50pm

Co-authored-by: Junio243 <213821679+Junio243@users.noreply.github.com>
Copilot AI changed the title [WIP] Update logos and seals to official versions Replace placeholder logos and seals with official brand designs Jan 16, 2026
Copilot AI requested a review from Junio243 January 16, 2026 20:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants