Guia de Experiência Open Finance Brasil

Requisitos para uso e disponibilização de logotipos

Este conteúdo apresenta requisitos e recomendações para o uso dos logotipos das instituições nas Jornadas Open Finance e para sua disponibilização no Diretório de Participantes.

Os logotipos cadastrados no Diretório são utilizados tanto no Portal do Cidadão quanto nas jornadas realizadas entre Instituições Receptoras, Transmissoras, Iniciadoras de Pagamentos e Detentoras de Conta.


Requisitos

  1. Disponibilização de versão reduzida do logotipo: disponibilizar versão reduzida do logotipo (por exemplo, símbolo ou favicon), priorizando a forma mais reconhecida pelos usuários.

  2. Envio de logotipo em SVG: enviar arquivo SVG contendo a área de proteção do logotipo da instituição, a fim de garantir leitura adequada e espaçamento correto.

    1. Formato de envio SVG:

      1. Dimensão mínima: 512px x 512px | Sem sombra

      2. Margem de segurança: 90px para cada uma das 4 bordas

  3. Ajuste do logotipo à moldura: garantir que o logotipo enviado toque as margens da moldura, conforme os exemplos apresentados a seguir.

  4. Limite de tamanho do arquivo: definir peso máximo do arquivo em 1 megabyte.

  5. Logotipo em SVG: garantir que os logotipos em formato SVG não incorporem imagens de outros formatos (como JPG ou PNG).

  6. Disponibilização da URL do logotipo: disponibilizar a URL do logotipo no Diretório Centralizado, conforme as orientações definidas no respectivo Guia de Operação.

  7. Uso de transparência em SVG: utilizar o recurso de transparência no SVG com atenção, a fim de não comprometer a visualização do logotipo em fundos coloridos, escuros ou em dark mode.

  8. Integridade e proporção da marca: manter a marca sem manipulações e preservar sua proporção original, independentemente do formato de apresentação (por exemplo, recorte circular ou quadrado).


Recomendações

  1. Aplicação de logotipos: realizar a aplicação dos logotipos com tamanho mínimo de 48×48 px em telas de dispositivos móveis e 40×40px em telas web, em todas as jornadas.


Exemplos para disponibilização do logotipo das instituições

Aplicações corretas

  1. Justificado em todas as margens.

  2. Justificado verticalmente.

  3. Justificado horizontalmente.

Aplicação correta logotipo.png
Aplicações corretas


Aplicações incorretas

  1. Ultrapassa todas as margens.

  2. Não encosta em algum par de margens.

  3. Ultrapassa um par de margens.

Aplicação incorreta logotipo.png
Aplicações incorretas