Diretrizes de atribuição de texto do Grounding Lite

Esta página fornece requisitos e diretrizes de atribuição para mostrar conteúdo do Grounding Lite nos seus aplicativos.

Mostrar a atribuição do Google Maps

Você precisa seguir os requisitos de atribuição do Google Maps ao mostrar conteúdo do Grounding Lite no seu app ou site. Não é necessário adicionar mais atribuições se o conteúdo for mostrado em um mapa do Google em que a atribuição já esteja visível.

Sempre que possível, a atribuição precisa ser feita com o logotipo do Google Maps. Em casos em que o espaço é limitado, o texto Google Maps é aceitável. É necessário sempre deixar claro para os usuários finais qual conteúdo é fornecido pelo Google Maps.

Esquerda: atribuição do logotipo do Google Maps. Direita: atribuição de texto do Google Maps.
À esquerda: atribuição do logotipo do Google Maps. À direita: atribuição de texto do Google Maps

Atribuição do logotipo

Siga estes requisitos para usar o logotipo do Google Maps no seu app ou site.

Variações aceitáveis para atribuição do logotipo do Google Maps
Variações aceitáveis para a atribuição do logotipo do Google Maps

Baixar logotipos do Google Maps

Use os arquivos oficiais do logotipo do Google Maps. Baixe os logotipos abaixo e siga as diretrizes desta seção.

Baixar os recursos de atribuição do Google Maps

Ao usar o logotipo do Google Maps, siga estas diretrizes.

  • Não modifique o logotipo de maneira alguma.
  • Mantenha a proporção do logotipo para evitar distorções.
  • Use o logotipo com contorno em um plano de fundo com muitos detalhes, como um mapa ou uma imagem.
  • Use o logotipo sem contorno em um plano de fundo simples, como uma cor sólida ou um gradiente sutil.

Especificação do tamanho do logotipo

Siga estas especificações de tamanho para o logotipo do Google Maps:

  • Altura mínima do logotipo:16 dp
  • Altura máxima do logotipo: 19 dp
  • Espaço livre mínimo do logotipo:10 dp à esquerda, à direita e na parte de cima, 5 dp na parte de baixo

Para saber mais sobre dp, consulte Densidade de pixels no site do Material Design.

Logotipo do Google Maps mostrando o espaço livre mínimo e o intervalo de tamanho aceitável
Logotipo do Google Maps mostrando o espaço livre mínimo e o intervalo de tamanho aceitável

Acessibilidade do logotipo

Siga estes requisitos de acessibilidade para o logotipo do Google Maps:

  • Mantenha um contraste acessível entre o logotipo e o plano de fundo.
  • Inclua um rótulo de acessibilidade com o texto Google Maps.
Variações inaceitáveis e problemas de acessibilidade para a atribuição do logotipo do Google Maps
Variações inaceitáveis e problemas de acessibilidade para a atribuição do logotipo do Google Maps

Atribuição de texto

Se o tamanho da interface não permitir o uso do logotipo do Google Maps, você poderá escrever Google Maps em texto. Siga estas diretrizes:

Variações aceitáveis da atribuição de texto do Google Maps
Variações aceitáveis da atribuição de texto do Google Maps
  • Não modifique o texto Google Maps de maneira alguma:
    • Não altere a capitalização de Google Maps
    • Não quebre Google Maps em várias linhas
    • Não traduza Google Maps para outro idioma.
    • Impeça que os navegadores traduzam Google Maps usando o atributo HTML translate="no".
Variações inaceitáveis da atribuição de texto do Google Maps
Variações inaceitáveis da atribuição de texto do Google Maps
  • Estilize o texto do Google Maps conforme descrito na tabela a seguir:

    Requisitos de estilo de texto do Google Maps
    Propriedade Estilo
    Família de fontes Roboto. O carregamento da fonte é opcional.
    Família de fontes substitutas Qualquer fonte Sans Serif já usada no seu produto ou "Sans-Serif" para invocar a fonte padrão do sistema
    Estilo da fonte Normal
    Espessura da fonte 400
    Cor da fonte Branco, preto (#1F1F1F) ou cinza (#5E5E5E). Mantenha um contraste acessível (4.5:1) com o plano de fundo.
    Tamanho da fonte Tamanho mínimo da fonte: 12 sp
    Tamanho máximo da fonte: 16 sp
    Para saber mais sobre sp, consulte Unidades de tamanho da fonte no site do Material Design.
    Espaçamento entre letras Normal

CSS de exemplo

O CSS a seguir renderiza o Google Maps com o estilo tipográfico e a cor adequados em um plano de fundo branco ou claro.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}