Uma página bio da UseClick tem um tema: um modo de ícone padrão e uma cor de botão padrão, aplicados automaticamente a cada link e bloco assim que você o adiciona. É o caminho mais rápido para uma página com visual consistente, sem nenhuma configuração por link.
Abaixo desse padrão existe uma segunda camada, mais granular. Qualquer link individual pode sobrescrever seu próprio modo de ícone ou sua própria cor de botão pelo modal de edição do link, independente dos outros links da página. Nada mais na página muda quando você faz isso.
Esta página trata exatamente dessa camada por link: os quatro modos de ícone e como as sobrescritas funcionam, a cor de botão por link, a linha de ícones sociais separada com seu seletor de plataformas com busca, e como links e blocos de conteúdo compartilham uma única lista ordenada. Para o tema da página em si, há um link no final desta página.
O modelo de duas camadas: padrão da página, sobrescrita por link
Todo link começa no padrão da página. Esse padrão fica nas configurações de tema da sua página bio, um modo de ícone e uma cor de botão, e é aplicado automaticamente a cada link e bloco assim que você o adiciona. Ativar uma sobrescrita não mexe em nenhuma configuração global; ela é definida por link, na tela de edição desse próprio link.
Padrão de toda a página
Definido uma vez nas configurações de tema da sua página bio: um modo de ícone (favicon, miniatura, card de pré-visualização ou apenas texto) e uma cor de botão, herdados automaticamente por cada link que você adiciona.
Sobrescrita por link
Abra o modal de edição de um link e defina ali seu próprio modo de ícone ou sua própria cor de botão. A mudança vale só para esse link; os demais continuam seguindo o padrão da página.
Quatro modos de ícone, ajustáveis por link
O modo de ícone controla quanto peso visual um link tem na lista. Existem quatro modos disponíveis, definidos como padrão da página e substituíveis em qualquer link individual:
Favicon
O favicon do próprio site de destino, pequeno e neutro. Bom para links utilitários, como documentação ou páginas de termos, onde você não quer que o ícone dispute atenção.
Miniatura
Uma pequena imagem quadrada tirada da página de destino. Acrescenta um toque visual sem dominar o botão, um meio-termo entre favicon e card de pré-visualização.
Card de pré-visualização
Um card completo montado a partir do título e da imagem Open Graph do destino, o modo maior e mais chamativo. Melhor reservado para o link, ou os dois links, que você mais quer que os visitantes notem primeiro.
Apenas texto
Nenhuma imagem, só o rótulo do link. Carrega mais rápido e mantém uma lista longa de links visualmente calma e compacta.
Defina o modo uma vez como padrão da página e depois sobrescreva os links específicos que precisam se destacar ou passar mais despercebidos que o resto.
Cor de botão, por link
A cor do botão segue o mesmo padrão de duas camadas do ícone. O tema da página define uma cor de botão para todos os links; uma sobrescrita por link tira um único botão dessa cor sem mexer no tema nem em nenhum outro link.
Padrão do tema
Todo link é exibido na cor de botão do seu tema até você definir o contrário, então a página permanece visualmente consistente sem nenhuma configuração por link.
Sobrescrita de um único link
Defina uma cor de botão diferente em um link pelo seu modal de edição. Só aquele botão muda de cor; o resto da página mantém a cor do tema exatamente como estava.
Um caso comum: todos os links de uma página seguem a cor padrão do tema, exceto um, uma oferta por tempo limitado ou o link de maior prioridade, que recebe sua própria cor para se separar visualmente do resto da lista sem redesenhar a página inteira.
A linha de ícones sociais
Os links sociais ficam em uma linha própria, separada da lista principal de links, montada por um seletor de plataformas com busca em vez de inserção manual de ícone e cor.
Uma linha separada
A linha de ícones sociais é um elemento próprio da página, fora da lista principal. Adicionar, remover ou reordenar ícones sociais nunca altera a ordem dos seus links ou blocos de conteúdo.
Seletor de plataformas com busca
Adicione uma plataforma buscando pelo nome. O ícone e a cor vêm automaticamente do seletor, sem upload manual de ícone nem código de cor para links sociais.
Ícone de marca, botão na cor da página
Cada plataforma mantém seu próprio ícone e cor de marca dentro do botão, um ícone do Instagram continua sendo reconhecido como Instagram. O botão circular que o contém é estilizado na cor de botão da sua página, então a linha permanece visualmente ligada ao resto da página em vez de virar uma faixa de cores de marca sem relação entre si.
Onde a ordenação entra
Links e blocos de conteúdo compartilham uma única lista ordenada, movida por arrastar e soltar ou pelas setas. A linha de ícones sociais fica totalmente fora dessa lista: reordenar seus links e blocos nunca move seus ícones sociais, e reordenar os ícones sociais nunca move um link.
Para o funcionamento completo dessa lista compartilhada, os tipos de bloco que você pode combinar nela e as duas formas de reordenar, veja Blocos de conteúdo.
Exemplo: destacando um único link
Uma página usa o modo de ícone Miniatura e uma única cor de tema como padrão, aplicados automaticamente a cada link adicionado. Para promover um link por tempo limitado, sua dona abre o modal de edição desse link e muda só nele o modo de ícone para Card de pré-visualização e a cor de botão para uma que não aparece em nenhum outro lugar da página.
- • Padrão da página: modo de ícone Miniatura e a cor de botão do tema, aplicados automaticamente a cada link
- • Um link sobrescrito: modo de ícone Card de pré-visualização tirado da imagem Open Graph dessa página, mais uma cor de botão exclusiva desse link
- • Linha social intacta: os ícones de Instagram, TikTok e YouTube mantêm suas próprias cores de marca dentro de botões na cor da página, sem influência de nenhuma das duas sobrescritas
- • Reordenando depois: ao arrastar o link sobrescrito para o topo da lista, seu modo de ícone e sua cor vão junto, sobrescritas são uma propriedade do link, não da sua posição
A sobrescrita pertence ao próprio link, não a um lugar no layout, então mover links, adicionar novos ou trocar o tema depois nunca a reseta.
Por que o controle por link importa
A maioria dos temas de página bio é tudo ou nada: muda o tema, mudam todos os links junto. Sobrescritas por link acrescentam uma camada abaixo disso, então uma página pode permanecer consistente por padrão e ainda assim destacar exatamente o link que importa, sem um redesenho completo.
Consistência sem esforço extra
Cada link que você adiciona herda o padrão da página automaticamente. Uma página com dez links no mesmo estilo dá o mesmo trabalho que uma com um só.
Destaque sem redesenho
Fazer um único link se destacar, um lançamento, uma promoção, um anúncio fixado, é mudar dois campos naquele link, não aplicar um tema novo à página inteira.
Sobrescritas seguem o link
Uma sobrescrita é uma propriedade do próprio link. Reordene-o e ela permanece exatamente como estava; só mudá-la diretamente naquele link a altera de novo.
Onde isso se encaixa
As sobrescritas por link se apoiam em outros dois sistemas que moldam uma página bio.
Para o panorama completo da construção da página, perfil, layout e como tudo se conecta, veja Link in Bio.
O padrão de toda a página, herdado por cada link, incluindo modo de ícone e cor de botão, é definido no seu tema da página bio.
A lista ordenada compartilhada, junto com os blocos de Cabeçalho, Texto, Divisor e Embed que você pode combinar nela, é explicada em Blocos de conteúdo.
O ciclo de personalização
Quatro passos cobrem todo o padrão para estilizar um link individual.
Defina o padrão
Escolha um modo de ícone e uma cor de botão para toda a página nas configurações de tema; cada novo link herda os dois automaticamente.
Adicione seus links
Monte a lista; cada link é exibido no padrão da página sem nenhuma configuração adicional.
Sobrescreva o que deve se destacar
Abra o modal de edição de um link para dar a ele seu próprio modo de ícone ou cor de botão.
Monte a linha social
Busque no seletor de plataformas para adicionar ícones sociais na própria linha, na cor de botão da sua página.