Guia de Experiência Open Finance Brasil

Requisitos para Uso e Disponibilização de Logotipos

Requisitos e recomendações para uso dos logotipos das instituições durante as Jornadas Open Finance e para disponibilização no Diretório de Participantes.

O logotipo das instituições, disponibilizado no Diretório de Participantes, é utilizado tanto no Portal do Cidadão, quanto nas jornadas entre Receptoras, Transmissoras, Iniciadoras de Pagamentos e Detentoras de Conta.

Sumário



Requisitos

  1. Disponibilizar versão reduzida do logo (ex.: símbolo ou favicon de site) que é melhor reconhecido pelos usuários.

  2. Enviar arquivo SVG, contendo a área de proteção do logo da instituição para garantir a leitura e o 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. Garantir que o logotipo enviado toque as margens da moldura, conforme exemplos na página 221.

  4. Peso máximo do arquivo: 1 megabyte.

  5. Os logos, em formato SVG, não devem “incorporar” imagens de outros formatos (JPG, PNG, etc).

  6. A URL com o logotipo deverá ser disponibilizada no Diretório Centralizado, conforme orientações disponíveis no seu próprio Guia de Operação.

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

  8. A marca não deve ser manipulada, bem como a proporção original deve ser mantida, independentemente do formato apresentado (Ex.: recorte circular ou quadrado).


Recomendações

  1. Sugere-se a aplicação dos logotipos em tamanho mínimo de 48x48px em telas de dispositivos móveis e de 40x40px em telas web, durante toda a Jornada de Compartilhamento de Dados ou Iniciação de Pagamentos.


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