Identidade visual

A identidade visual é onde você envia o logo que aparece no cabeçalho do seu site público — e também nos painéis de entrar e de criar conta dos seus sócios, na faixa do dia de jogo e nos cartazes A4 com QR code que você imprime —, além do favicon (o pequeno ícone nas abas do navegador). Você a encontra na barra lateral do painel em Identidade visual, ao lado de Tema e Navegação.

Quem pode usar

Qualquer pessoa com a função de administrador ou moderador na sua organização pode gerenciar a identidade visual. Toda alteração fica gravada no registro de auditoria da sua organização.

O que há na página

No topo, você vê um cartão Identidade visual atual com uma prévia do cabeçalho, para ter uma ideia de como o seu logo e o seu nome vão ficar no site no ar, além de saber se há um favicon definido. Abaixo, o cartão Logo e favicon tem duas seções — uma para cada imagem — onde você envia, substitui ou remove os seus arquivos.

Passo a passo

Envie ou substitua o seu logo

1. Na seção Logo, selecione Enviar logo… (ou Substituir logo…, se já existir um), ou arraste um arquivo de imagem para a área tracejada.
2. Se o arquivo for maior que o limite de tamanho, nós o redimensionamos para você automaticamente — veja Um arquivo grande foi redimensionado automaticamente, abaixo.
3. O logo aparece na prévia na hora. Quando já existe uma imagem, você vê uma comparação lado a lado Atual → Novo.
4. Se a imagem for pequena ou de baixa qualidade, um aviso em âmbar sugere um tamanho melhor — você ainda pode mantê-la.
5. Preencha o campo Texto alternativo para que os leitores de tela consigam descrever o seu logo (o padrão é o nome da sua organização seguido de "logo").
6. Selecione Salvar identidade visual na barra no pé da página para aplicar as alterações.

Envie ou substitua o seu favicon

1. Na seção Favicon, selecione Enviar favicon… (ou Substituir favicon…), ou arraste uma imagem quadrada para a área de envio.
2. Se a imagem não for quadrada ou for menor que 48×48px, você verá um aviso — as abas do navegador esperam um ícone quadrado.
3. Selecione Salvar identidade visual para aplicar.

Um arquivo grande foi redimensionado automaticamente

Se a imagem que você enviar for maior que o limite de tamanho, você não precisa fazer nada — nós a reduzimos no seu navegador antes do envio, então você nunca recebe uma recusa seca só por causa do tamanho do arquivo.

• Você verá uma nota abaixo da área de envio com o tamanho original e o novo, por exemplo "Essa imagem tinha 8,2 MB, então nós a redimensionamos para 1,4 MB para você."
• O seu logo sempre aparece sobre a cor da sua marca, nunca sobre um fundo branco vazio — o cartão Identidade visual atual, acima, mostra exatamente essa faixa na prévia. É igual em todo lugar onde o logo aparece, inclusive nos cartazes impressos, então um logo desenhado em branco para um cabeçalho colorido continua legível em vez de sumir na página.
• Um fundo transparente (o caso comum de um logo de clube salvo em PNG) é preservado — verificamos se a imagem de fato tem transparência, em vez de adivinhar pelo tipo do arquivo, e passamos para um formato que a mantém, e não para um que pintaria uma caixa preta ou branca atrás do seu logo.
• Os GIFs não são redimensionados automaticamente, porque a nova codificação poderia achatar um GIF animado num único quadro parado. Se um GIF grande demais não for enviado, salve você mesmo uma versão menor primeiro.
• Se o arquivo continuar grande demais depois do redimensionamento, ou se o seu navegador não conseguir abri-lo, você verá uma mensagem de erro explicando o que fazer em seguida.

Remova um logo ou favicon

1. Na seção correspondente, selecione Remover logo ou Remover favicon. A prévia mostra que ele será removido.
2. Mudou de ideia? Selecione Desfazer remoção antes de salvar.
3. Selecione Salvar identidade visual para confirmar.

Descarte um envio pendente

Se você enviou uma imagem nova, mas ainda não salvou, selecione Descartar envio para abandoná-la e manter o que já tinha.

Referência de campos

Formatos de imagem aceitos: PNG, JPEG, GIF, WebP ou AVIF. Fotos HEIC (o formato padrão dos iPhones recentes) não são aceitas — converta-as primeiro para JPEG ou PNG e envie o arquivo convertido.

Dicas e perguntas frequentes

• Onde fica a opção "mostrar o nome do clube ao lado do logo"? Essa chave fica na página Navegação, não aqui.
• Nada acontece depois que eu envio. Enviar só deixa a imagem pendente — você precisa selecionar Salvar identidade visual para publicá-la. Até lá, o seu site no ar continua igual.
• Meu logo parece borrado. Procure usar uma imagem larga, de uns 400×120px ou maior. O aviso que aparece é uma sugestão, não um bloqueio.
• Meu arquivo era grande demais — preciso reduzi-lo eu mesmo? Não. Se ele passar do limite de tamanho, nós o redimensionamos automaticamente no seu navegador e avisamos o que fizemos. Você só precisa agir se a nota disser que ele continua grande demais depois do redimensionamento.
• O redimensionamento vai estragar o fundo transparente do meu logo? Não — verificamos se a imagem de fato tem transparência e a mantemos, em vez de supor pelo tipo do arquivo.
• Minha foto não é enviada de jeito nenhum, e eu a tirei num iPhone. Provavelmente é um arquivo HEIC. Abra-o no app Fotos ou no Pré-Visualização, exporte como JPEG ou PNG e envie esse arquivo.
• Salvar não funcionou. Se um salvamento falhar, uma janela explica o motivo. Confira o tamanho e o formato do arquivo e tente novamente.
• A identidade visual se combina com as cores do seu Tema para definir a aparência geral do site. Vai adicionar um endereço web próprio? Veja Domínios.