Estilos de card
O estilo do card controla o “acabamento” visual dos botões dos seus links. Você pode definir um estilo global (que vale para todos os links) na aba Aparência ou customizar por link individual na aba Links.
Os 5 estilos disponíveis
1. Vidro (Glass)
Translúcido, com leve desfoque que deixa o fundo aparecer através do card. Visual moderno e clean.
- Combina com: qualquer fundo, especialmente os coloridos
- Sensação: moderno, profissional
- Padrão: sim, é o estilo padrão do Bio Link
2. Sólido
Cor de fundo sólida (cinza escuro no tema padrão). Mais “pesado” visualmente.
- Combina com: fundos claros ou minimalistas
- Sensação: robusto, tradicional
- Uso comum: páginas com foco em legibilidade
3. Contorno
Só a borda do card, sem preenchimento. O fundo da página fica totalmente visível.
- Combina com: fundos complexos (gradientes, fotos)
- Sensação: minimalista, elegante
- Uso comum: páginas com backgrounds trabalhados
4. Glassmorphism Claro
Vidro com blur intenso e sombra clara. Visual premium de UI moderna.
- Combina com: fundos escuros
- Sensação: sofisticado, high-tech
- Uso comum: páginas para marcas de tech, design
5. Glassmorphism Escuro
Vidro com blur intenso e sombra escura. Mesmo efeito do glassmorphism claro, mas com profundidade maior.
- Combina com: fundos coloridos ou gradientes
- Sensação: imersivo, premium
- Uso comum: páginas para portfolios criativos
Como definir o estilo global
- Vá na aba Aparência
- Role até a seção “Estilo dos Cards”
- Clique no estilo que quer usar
- Pronto — é aplicado a todos os links automaticamente
Como customizar por link
- Na aba Links, abra a edição do link
- Role até “Customização do Card”
- No campo “Estilo do Card”, escolha um dos 5 estilos (ou deixe “Padrão (Tema Global)” para usar o global)
Detalhes: Cores customizadas por link
Como combinar estilos e cores
O estilo e a cor são independentes. Você pode combinar:
- Vidro + cor azul (cartão translúcido azul)
- Sólido + cor amarela (cartão amarelo sólido)
- Contorno + cor padrão (cartão com só borda, no tema)
- Página profissional séria: Estilo Sólido + Cor Principal do tema
- Página criativa moderna: Estilo Glassmorphism + Cor Principal
- Página minimalista clean: Estilo Contorno + Cor automática
- Página maximalista colorida: Estilo Vidro + Cores customizadas por link
Próximo assunto
Para fechar a personalização visual, veja como criar Fundos em gradiente — o jeito mais marcante de dar personalidade à sua página.