Clubeiros
Clubeiros
Central de ajuda
Central de ajuda

Aparência: publicar o site, cores e logo

A área Aparência é onde você cuida da “cara” do site do clube: se ele está no ar ou não, as cores da identidade visual e o logo (o brasão) que aparece no topo. São ajustes que mudam o site inteiro de uma vez, por isso ficam juntos num lugar só.

No painel, tudo isso mora no bloco Aparência do menu lateral, com quatro itens: Publicação, Cores do clube, Logo e Domínio próprio.

Só administradores veem a área Aparência. O bloco aparece no menu apenas para o proprietário (o dono do clube) e para os administradores. Se você entrou no painel e não encontra Aparência, é porque o seu papel no clube não tem essa permissão. Nesse caso, fale com o proprietário.

Neste guia:

  1. Publicar e despublicar o site: deixar o site do clube no ar para o público, ou tirá-lo do ar quando ainda estiver preparando as coisas.
  2. Cores do clube: escolher as duas cores da identidade e entender por que o contraste entre elas importa para o site ficar legível.
  3. Logo: enviar ou trocar o brasão do clube.
  4. Domínio próprio: um endereço .com.br só do clube (em breve).

Publicar o site: deixar o clube no ar

Publicar é o interruptor geral do site. Enquanto ele está despublicado, o público que entra no endereço do clube não vê o conteúdo: vê uma página de “em construção”. Isso é de propósito, para você montar tudo com calma (cadastrar atletas, notícias, agenda, ajustar cores e logo) sem que ninguém veja o site pela metade. Quando estiver pronto, é só publicar.

Você controla a publicação de dois jeitos, e os dois fazem a mesma coisa.

O jeito rápido: o botão no topo do painel

No alto do painel existe um selo que mostra a situação atual do site:

  • No ar: o site está publicado, visível para todos.
  • Em construção: o site está despublicado, o público vê a página de “em construção”.

Ao lado do selo há um botão que liga e desliga a publicação num clique só. Quando o site está no ar, o botão diz Despublicar. Quando está fora do ar, o botão diz Publicar. Use esse botão quando quiser só virar a chave, sem mexer em mais nada.

O jeito completo: a tela Publicação

Vá em Aparência → Publicação. Ali você tem o mesmo controle, mais uma opção extra:

  • A caixa Site publicado (visível para todos). Marcada, o site fica no ar; desmarcada, o público vê a página de “em construção”.
  • O campo Senha de visualização (opcional), explicado a seguir.

Depois de ajustar, toque em Salvar. O selo lá no topo do painel se atualiza sozinho para refletir a mudança.

A senha de visualização: mostrar o site antes de publicar

Às vezes você quer que uma pessoa específica veja o site antes de ele ir ao ar, um dirigente do clube, por exemplo, para aprovar. Sem tornar o site público para todo mundo.

É para isso que serve a Senha de visualização. Enquanto o site está despublicado, quem tiver essa senha consegue ver o site normalmente; o resto do público continua vendo a página de “em construção”.

Duas coisas importantes:

  • A senha é opcional. Se você deixar o campo vazio, ninguém consegue ver o site enquanto ele estiver despublicado, nem com senha. Só publicando.
  • Escolha uma senha simples de passar adiante (o exemplo que aparece na tela é algo como faroleiros2025). Ela serve só para essa prévia, não é a senha da sua conta.

Despublicar não apaga nada. Se um dia você precisar tirar o site do ar, pode ficar tranquilo: todo o conteúdo (atletas, notícias, agenda, tudo) continua guardado. É só publicar de novo quando quiser, sem perder nada.

Cores do clube: a identidade visual do site

Em Aparência → Cores do clube você define as duas cores que o Clubeiros usa para pintar o site inteiro com a cara do seu clube. Elas aparecem nos botões, nos destaques, no fundo escuro do topo e do rodapé, e em vários outros pontos.

São dois campos, cada um com um seletor de cor (você clica no quadradinho colorido e escolhe a cor, ou informa o código dela):

  • Cor primária (acento): é a cor “do uniforme”, a cor forte do clube. Ela pinta os botões, as pílulas de destaque e os acentos do site. É a cor que mais salta aos olhos.
  • Cor secundária (superfície escura): é uma cor escura, usada como fundo do topo (o “hero”, aquela faixa grande no alto da página), do rodapé e dos cartões escuros. Ela funciona como a base sobre a qual o resto aparece.

Depois de escolher, toque em Aplicar cores. A mudança vale para o site todo.

Por que o contraste importa

O site precisa ser legível: o texto tem que se ler bem sobre o fundo, senão o torcedor não consegue ler as notícias nem os nomes dos atletas. Por isso a escolha das cores não é só questão de gosto, é questão de leitura.

Você não precisa calcular nada disso na mão. O sistema faz o trabalho pesado por você: ao aplicar as cores, ele escolhe automaticamente a cor do texto que fica em cima da sua cor primária (texto branco ou preto, o que der mais contraste) para os botões continuarem legíveis. Ou seja, mesmo que você escolha uma cor primária bem clara ou bem escura, o texto em cima dela se ajusta.

Ainda assim, vale seguir a lógica dos dois campos para o resultado ficar bom:

  • Deixe a cor secundária realmente escura. Ela é o fundo escuro do site; se você colocar uma cor clara ali, o texto claro que vai por cima some, e o topo do site fica difícil de ler.
  • Use a cor primária para a cor viva do clube. Ela pode ser vibrante à vontade, o texto dos botões se ajusta sozinho ao contraste dela.

Dica. Na dúvida, use as cores oficiais do clube: a cor forte do uniforme como primária e uma versão bem escura (um azul-marinho, um preto, um vinho fechado) como secundária. É o par que costuma ficar mais bonito e mais legível.

Logo: o brasão do clube

Em Aparência → Logo você envia o brasão do clube. Ele aparece no topo do site, na faixa grande do alto (o “hero”) e no rodapé. Se você não enviar nenhum logo, o site usa um escudo genérico no lugar, então vale a pena colocar o seu.

Há dois campos:

  • Logo do clube: o logo principal. Você pode enviar um arquivo do seu dispositivo (celular ou computador) ou informar o endereço (URL) de uma imagem que já esteja na internet. Aceita os formatos PNG, JPG, WebP ou SVG. Imagens muito grandes são reduzidas automaticamente, então não precisa se preocupar em redimensionar antes.
  • Logo branca (opcional): uma versão toda branca do logo, para os fundos escuros do site (o topo e o rodapé). Serve para o logo não “sumir” em cima do escuro. Se você não enviar essa versão, o site usa o logo normal mesmo, que às vezes pode ficar com pouco contraste sobre o fundo escuro.

Depois de enviar, toque em Salvar logo.

Dicas para o logo ficar bom

  • Prefira um logo com fundo transparente (sem aquele quadrado branco ou colorido em volta). Assim ele se encaixa em qualquer fundo do site.
  • Formato quadrado costuma encaixar melhor nos espaços do site.
  • Se você tiver o logo em SVG, use-o: esse formato fica nítido em qualquer tamanho de tela, do celular pequeno ao monitor grande.

Domínio próprio

Hoje o site do clube fica num endereço dentro do Clubeiros. O domínio próprio seria dar ao clube um endereço só dele (algo como www.seuclube.com.br), com a marca do clube já na barra do navegador.

Em breve. O Domínio próprio ainda não está disponível: na área Aparência ele aparece marcado como em breve. Se isso te interessa, toque no botão EU QUERO ali na linha do item. Isso avisa a equipe do Clubeiros que o seu clube quer esse recurso (nenhum domínio é configurado nesse momento, é só uma manifestação de interesse). Assim que ele for lançado, o guia com o passo a passo aparece aqui.

Dúvidas comuns

Publiquei o site, mas o público ainda vê “em construção”. Por quê? Confira em Aparência → Publicação se a caixa Site publicado (visível para todos) está marcada, ou veja o selo no topo do painel: se estiver escrito Em construção, o site ainda está fora do ar. Toque em Publicar para colocá-lo no ar.

Mudei as cores (ou o logo) e não vejo a diferença. Confirme que tocou em Aplicar cores (na tela de cores) ou em Salvar logo (na tela de logo). Se salvou e mesmo assim a mudança não aparece no site já aberto, atualize a página do site. O navegador às vezes guarda a versão antiga por alguns instantes.

Não encontro o bloco Aparência no menu. A área Aparência é só para o proprietário e os administradores do clube. Se o seu papel é outro, o bloco não aparece. Fale com o proprietário para ele fazer o ajuste ou promover o seu acesso.

Preciso escolher uma cor de texto para os botões? Não. Você escolhe só as duas cores do clube (primária e secundária). A cor do texto que vai por cima é definida automaticamente pelo sistema, sempre pela opção que dá mais contraste, para o botão continuar legível.

Posso mostrar o site para alguém antes de publicar? Pode. Em Aparência → Publicação, preencha a Senha de visualização e passe essa senha para a pessoa. Enquanto o site estiver despublicado, só quem tiver a senha consegue vê-lo; o restante do público continua vendo a página de “em construção”.


Este capítulo faz parte do guia do gestor do painel Clubeiros.