Passar para o conteúdo principal

Tipos de Cards

Atualizado há mais de 2 meses

Criar páginas na 46graus é simples e flexível. Mantemos diferentes categorias de cards, e cada card tem suas próprias configurações. Por isso, quando você seleciona um card, o menu lateral do Editor muda para mostrar apenas as opções relevantes daquele tipo. Isso deixa tudo mais direto e rápido para você ajustar imagens, textos, botões e o que mais precisar.


Como os cards funcionam

Os cards são blocos prontos que você combina para montar suas páginas. Cada card traz controles específicos no menu lateral — por exemplo, um card de imagem mostra proporção, cantos e legenda; um card de texto mostra alinhamento, tamanho e estilos.

💡 Dica

Pense em cada card como uma “peça” do seu layout.

Combinar peças diferentes é o que dá ritmo e personalidade à sua página.


Principais categorias de cards

Abaixo você encontra as categorias mais usadas e o que cada uma resolve no seu site:

Recomendados

Atalhos com os cards mais usados e combinações sugeridas para começar rápido.

Texto

Perfeito para títulos, parágrafos, listas e citações.
​Defina o tom do conteúdo, ajuste títulos, alinhamento e espaçamentos do jeito que preferir.

Imagem

Destaque fotos individuais, pôsteres ou imagens com legenda.
Deixe a imagem do seu jeito, experimente os ajustes e encontre o melhor enquadramento.

Lista e grupo de imagens

Agrupa várias imagens em grid, carrossel ou mosaico — ideal para portfólios.
Escolha o jeito de mostrar, teste grid ou carrossel, ajuste espaçamentos e a quantidade de colunas até ficar perfeito.

Divisores

Elementos de separação e respiro (linhas, espaçadores, separadores de seção).
Crie respiros entre seções, controle altura, estilo e margens para organizar a leitura com conforto.

Vídeos

Incorpore vídeos do YouTube, Vimeo e players compatíveis.
Cole o link e escolha como o vídeo aparece, defina capa, proporção e quais controles exibir.

Mídias sociais

Ícones e links para seus perfis ou postagens integradas.
Deixe seus links fáceis de encontrar, selecione as redes, ajuste a ordem e o tamanho dos ícones.

Código extra

Bloco para HTML/CSS/JS quando você precisa algo fora do padrão.
Adicione pequenos trechos de HTML/CSS/JS com responsabilidade. Escolha onde aplicar e revise antes de publicar.


Por que o menu lateral muda?

Porque cada card tem necessidades diferentes. Quando um card é selecionado, o menu lateral exibe só o que importa para ele. Assim você evita distrações e configura tudo mais rápido.

⚠️ Atenção

Se nada aparece no menu lateral, verifique se um card está realmente selecionado. Clique sobre o card (ele fica destacado) para liberar as opções corretas.


Como adicionar um card

  1. No Editor, escolha a página em que quer trabalhar.

  2. Clique em Adicionar card e selecione a categoria desejada.

  3. Clique sobre o card novo para abrir o menu lateral.

  4. Ajuste as configurações do card (texto, imagem, links, estilos).

  5. Salve as alterações.

💡 Dica

Intercale cards de imagem, texto e botões para dar ritmo visual.

Isso deixa o site mais fluido, vivo e bonito sem esforço.


Boas práticas de composição

  • Varie alturas e respiros: use espaços entre cards para guiar o olhar.

  • Repita padrões: um título + galeria + CTA é um trio que funciona muito bem.

  • Priorize legibilidade: contraste de cor e tamanhos de fonte claros.

  • Mostre o essencial primeiro: o que você quer que o visitante faça deve aparecer logo no início da página.


Resolvendo dúvidas comuns

  • “As opções sumiram!”
    Selecione o card de novo — é o card selecionado que “ativa” o menu lateral.

  • “Meu card de imagem está diferente na prévia e no site”
    Alguns layouts fazem ajustes responsivos. Veja no desktop e no mobile para garantir que o resultado está como você deseja.

  • “Qual card usar para textos longos?”
    Use Texto para títulos e parágrafos. Para organizar melhor, separe seções com Divisores ou intercale com Imagem para dar ritmo à leitura.


Precisa de ajuda?

Se ficar com alguma dúvida, chame a gente no chat de atendimento. Estamos por aqui para ajudar você a deixar tudo redondo. 😊

Respondeu à sua pergunta?