Assets públicos ficam em public/assets.

Quando usar esta página

Use esta página para trocar imagens da marca atual sem alterar o contrato de identidade pública. A escolha de marca, banners e produtos habilitados ocorre em runtime para cada domínio ou subdomínio público. Exemplos:
  • atualizar banners atuais da FortCard;
  • substituir uma foto por outra mantendo a mesma marca;
  • ajustar enquadramento web/tablet e mobile;
  • otimizar imagens antes da entrega.
Quando a troca for para uma empresa cliente, use também logos, cores e banners. Nesse caso, a configuração pública daquele tenant precisa entregar banners, logos, cores, favicon e produtos habilitados coerentes.

Logos FORT

Banners

O arquivo src/site/banner-assets.json define os arquivos de origem e as saídas otimizadas dos banners FORT. A configuração pública resolvida em runtime referencia as URLs otimizadas que cada tenant pode exibir. Ele atende dois cenários:
  • troca operacional da marca FORT: altere apenas os banners em source;
  • troca de marca pública para cliente: disponibilize os arquivos otimizados e associe as URLs de banner à configuração pública do tenant em src/shared/marca/publicTenantRuntime.ts ou na fonte equivalente fornecida pelo backend.
Campos:
  • source.web: arquivo enviado para web e tablet.
  • source.mobile: arquivo enviado para mobile.
  • optimized.web: WebP gerado para web e tablet.
  • optimized.mobile: WebP gerado para mobile.

Onde trocar

Troca por cenário

Tamanhos recomendados

Otimização automática

npm run dev e npm run build também executam essa otimização automaticamente. Os arquivos gerados ficam em public/assets/generated e não devem ser editados manualmente. O manifesto permanece em src/site/banner-assets.json.

Verificação de troca pública

  1. Confirme que o host resolve o tenant esperado e que enabledProducts contém somente produtos permitidos.
  2. Abra a página inicial e as páginas de produto nessa origem para conferir logos, cores, favicon e banners.
  3. Confirme que Fluxos de Empréstimos, Área Logada e rodapé legal continuam FortCard.
  4. O backend deve revalidar host e produto antes de criar ou avançar uma proposta. Banner ou tenant recebido pelo navegador não autorizam a operação.

Regras visuais

  • Não coloque texto dentro do banner.
  • Mantenha assunto principal dentro da área segura.
  • Entregue um arquivo para web/tablet e outro para mobile quando o enquadramento mudar.
  • Use JPG otimizado para fotos e WebP como saída gerada.