Todos os cards do Kasbu explicados: guia completo (2026)

Três cards reais do Kasbu lado a lado sobre fundo branco: um card alto de produto do café House Blend com o botão Buy beans, um projeto do Behance incorporado com círculos em degradês coloridos e um card de contato do WhatsApp

O Kasbu tem 36 tipos de cards, todos no plano grátis: links, players de Spotify e Apple Music, vídeos do YouTube e do TikTok, mapas, Calendly, produtos, arquivos e mais. O que cada um faz, o que você cola nele e quais tamanhos ele aceita.

Publicado em · 11 min de leitura · por Kasbu Team

Tags: Kasbu, Ferramentas para criadores, Link na bio, Tutorial

Uma página do Kasbu é uma grade de cards. Cada card tem um tipo (um link, um player do Spotify, um mapa, um produto) e um tamanho, e você arrasta ele para onde quiser na grade. Este guia passa pelos 36 tipos do seletor de cards: o que cada um mostra, o que você cola nele e quais tamanhos ele aceita.

Todos os tipos de card estão disponíveis no plano grátis. O limite do plano grátis é a quantidade de cards, 25 por perfil, e não quais você usa.

Os 36 tipos de cards do Kasbu agrupados por uso: links e texto, design e documentos, contato e lugar, vídeo e GIF, posts e trabalho, música, e agendamento e vendas

Como funciona a grade

A grade do desktop tem 8 colunas e a do celular tem 4. As linhas têm 80 px de altura com um espaço de 35 px. O tamanho de um card é escrito como largura × altura em células, então um card 2×2 é um quadrado pequeno e um 4×2 é um retângulo largo.

Normalmente dá para escolher entre 1×1, 2×2, 4×1, 4×2, 2×4 e 4×4. Alguns cards têm tamanhos de largura total (8×1, 8×4 e 8×6) e outros só aceitam os tamanhos que o conteúdo precisa. O Kasbu monta o layout do celular a partir do layout do desktop, e você pode mudar o editor para a visualização do celular e reorganizar tudo separadamente.

Diagrama da grade de desktop de 8 colunas com um card de TikTok 2×4, um card de GitHub 4×2, cards de WhatsApp e de imagem 2×2, um separador 4×1 e dois cards 1×1, ao lado dos mesmos cards reorganizados na grade de celular de 4 colunas

Para adicionar um card, abra o seletor de cards ou cole uma URL na busca do editor. O Kasbu reconhece muitos sites pelo link (um perfil do Instagram, uma música do Spotify, um vídeo do YouTube) e escolhe o card certo.


Links e texto

Link

Card de link largo do Kasbu com o ícone do Medium, o título How we rebuilt a design system in six weeks e a etiqueta Case study on Medium
Card de link 4×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Cole qualquer URL. O card mostra o ícone do site, um título que você pode editar e o domínio. Use para a sua loja, a sua newsletter, o seu último projeto ou qualquer coisa que não tenha um tipo de card próprio. Tamanhos: de 1×1 a 4×4.

Texto

Card de texto do Kasbu com uma bio curta: Hi, I'm Theo, designer de interfaces e design systems para times de produto pequenos, freelancer desde 2023, em Lisboa
Card de texto 4×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Um card com as suas próprias palavras: uma bio curta, uma citação, uma tabela de preços, um aviso. Você escolhe a cor, o tamanho e o alinhamento do texto. Tamanhos: de 1×1 a 4×4.

Imagem

Card de imagem quadrado do Kasbu em modo carrossel mostrando um notebook com código ao lado de uma planta e de uma caneca amarela, com três pontinhos para as três fotos
Card de imagem 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Envie uma foto ou um vídeo curto. Se você adicionar mais de uma imagem, o card vira um carrossel que os visitantes deslizam. Você escolhe o que acontece no toque: abrir um link, abrir a imagem em tela cheia, nada, ou “presente”, em que o card começa embrulhado e o primeiro toque desembrulha. Os vídeos tocam sem som e em loop; som nos cards de vídeo é um recurso Pro. Tamanhos: de 1×1 a 4×4, mais 8×1 e 8×4 na largura total.

Separador

Card separador do Kasbu com o título de seção Selected work
Card separador 4×1 em uma página demo do Kasbu, 15 de outubro de 2026.

Uma linha fina com título que divide a sua grade em seções, como “Música”, “Loja” ou “Contato”. Tamanhos: 4×1 ou 8×1.

Número

Card de número do Kasbu mostrando 48 em letras grandes com a legenda products shipped since 2017
Card de número 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Um número grande que conta para cima (ou para baixo) quando a página carrega, com uma legenda embaixo: “12 mil seguidores”, “300 casamentos fotografados”, “8 anos dando aula”. Você também pode deixar ele fixo. Tamanhos: de 1×1 a 4×4.

Arquivo

Card de arquivo do Kasbu com um ícone de PDF, o nome Portfolio 2026.pdf, o tamanho de 25,3 KB e um botão Download
Card de arquivo 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Envie um PDF, uma imagem ou um documento e os visitantes baixam direto do card. Cardápios, press kits, tabelas de preço e currículos são os usos mais comuns. Os arquivos contam no seu armazenamento: 150 MB no Free, 30 GB no Pro. Tamanhos: de 1×1 a 4×4.


Design e documentos

Figma

Card do Figma no Kasbu com o arquivo Figma Basics incorporado, ampliado na capa, Learn the basics of Figma, e na primeira lição, Frames, com os controles de zoom à direita
Card do Figma 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Cole o link de um arquivo ou protótipo do Figma e os visitantes podem navegar por ele dentro da sua página. Tamanhos: de 1×1 a 4×4, mais 8×1 e 8×4.

Canva

Incorpore um design do Canva, como uma apresentação, um mídia kit ou um cardápio, usando o link de compartilhamento. Tamanhos: de 1×1 a 4×4.

Behance

Card do Behance no Kasbu com o projeto Experiments 258-270 de Jerry-Lee Bosmans incorporado, uma grade de esferas coloridas em degradê
Card do Behance 4×3 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore um projeto do Behance para o seu estudo de caso aparecer na grade. Tamanhos: de 1×1 a 4×4.

Genially

Card do Genially no Kasbu com uma apresentação interativa Comic Flipcards incorporada, com um personagem ilustrado e setas de navegação
Card do Genially 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore uma apresentação, um quiz ou um infográfico interativo do Genially. Tamanhos: de 1×1 a 4×4, mais 8×1 e 8×4.

Google Docs

Card do Google Docs no Kasbu com um documento público incorporado chamado Starting your Senior Design Portfolio
Card do Google Docs 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore um Google Doc público: um currículo, um guia de preços, anotações de leitura. Tamanhos: 4×2, 2×4, 4×4, 8×4 e 8×6.

Flickr

Card do Flickr no Kasbu com uma foto dos telhados de Lisboa e a ponte 25 de Abril ao fundo
Card do Flickr 4×3 em uma página demo do Kasbu, 15 de outubro de 2026.

Mostre uma foto do Flickr a partir do link dela. Tamanhos: de 1×1 a 4×4.


Contato e lugar

WhatsApp

Card de WhatsApp do Kasbu com o ícone verde do WhatsApp, o título WhatsApp e a nota Order ahead for pickup
Card de WhatsApp 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Abre uma conversa no WhatsApp com você em um toque, sem o visitante precisar salvar o seu número antes. Para muitos negócios no Brasil, no México ou na Espanha, este é o card mais importante da página. Tamanhos: de 1×1 a 4×4.

Email

Card de email do Kasbu com um ícone de envelope vermelho, o título Email us e o endereço hello@fernandember.coffee
Card de email 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Um card que abre o app de email do visitante com o seu endereço já preenchido. Tamanhos: de 1×1 a 4×4.

Telefone

Card de telefone do Kasbu com um ícone de telefone verde, o título Call the bar e o número +1 (503) 555-0142
Card de telefone 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Toque para ligar. Útil para salões, clínicas, restaurantes e qualquer um que receba agendamentos por telefone. Tamanhos: 1×1, 2×2 ou 2×4.

Código QR

Card de código QR do Kasbu com um QR code preto e a legenda Scan for the menu
Card de código QR 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Transforma qualquer URL que você digitar em um QR code na sua página, por exemplo o link do seu cardápio ou do seu app. Ele é diferente do QR do seu perfil, que você baixa em Configurações. Tamanhos: 1×1, 2×2, 4×2, 2×4 e 4×4.

WiFi

Card de WiFi do Kasbu com um ícone de WiFi, o nome da rede Fern-Guest e um botão Connect WiFi
Card de WiFi 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Digite o nome da sua rede e a senha. Os visitantes tocam no card e recebem os dois, prontos para copiar, com passos opcionais que você mesmo escreve. Cafés, estúdios e anfitriões do Airbnb usam bastante. Tamanhos: de 1×1 a 4×4.

Localização (mapa)

Card de mapa alto do Kasbu com uma imagem do Apple Maps de ruas do sudeste de Portland e a legenda SE Division St, Portland
Card de mapa 2×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Procure um lugar e o card mostra uma imagem do Apple Maps com o nível de zoom que você escolher. O estilo claro é grátis. Os estilos escuro e automático, e mudar ou esconder o marcador, são Pro. Tamanhos: 2×2, 4×2, 2×4 e 4×4.


Vídeo e GIF

YouTube

Card de YouTube largo do Kasbu com a miniatura de um vídeo de passeio por Lisboa: um bonde amarelo numa rua cheia de lojas
Card de YouTube 4×2 em uma página demo do Kasbu, 15 de outubro de 2026. O YouTube bloqueia a reprodução no nosso ambiente de captura, então o card mostra a miniatura oficial do vídeo no lugar da prévia sem som.

Cole o link de um vídeo e o card toca ele sem som e em loop como uma prévia em movimento. No toque, o vídeo abre com som. Links de YouTube Shorts ganham tamanhos verticais. Tamanhos: vídeos 2×2, 4×2 ou 4×4. Shorts 2×2, 2×4 ou 4×4.

Vimeo

Card de Vimeo largo do Kasbu tocando o curta de tipografia animada ALPHABLOKS, com um botão Unmute no topo
Card de Vimeo 4×2 em uma página demo do Kasbu, 15 de outubro de 2026.

A mesma ideia, para vídeos do Vimeo. Tamanhos: 1×1, 2×2, 4×1, 4×2 e 4×4.

TikTok

Card de TikTok alto do Kasbu tocando um tutorial de Figma do criador createwithconstantin, com os contadores de curtidas e comentários à direita
Card de TikTok 2×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore um vídeo do TikTok para os visitantes assistirem na sua página. Tamanhos: só 2×4, o formato vertical do vídeo.

Loom

Card do Loom no Kasbu com uma gravação de tela de um arquivo de componentes do Figma, um botão de play e o selo de velocidade do Loom
Card do Loom 4×3 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore uma gravação do Loom: uma demo de produto, uma prévia de curso, um oi rápido para clientes novos. Tamanhos: de 1×1 a 4×4.

GIF

Card de GIF quadrado do Kasbu com uma torneira ilustrada servindo café em uma caneca estampada
Card de GIF 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Busque no Giphy pelo editor e solte um GIF na sua grade. Tamanhos: de 1×1 a 4×4, mais 8×1 e 8×4.


Posts e trabalho

Post no X

Card de post no X do Kasbu com um post do Figma anunciando mais de 15 novos recursos de acessibilidade, com curtidas e respostas embaixo
Card de post no X 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore um único post do X, como o anúncio de um lançamento ou um depoimento, com modo claro, escuro ou automático próprio. Tamanhos: 2×2, 4×2, 2×4 e 4×4.

Post no Reddit

Card de post no Reddit do Kasbu com um post do r/dataisbeautiful mostrando um mapa dos tempos de viagem de trem a partir de Paris
Card de post no Reddit 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore um post do Reddit. Tamanhos: de 1×1 a 4×4.

GitHub

Card do GitHub no Kasbu com o gráfico de contribuições da conta pública pytorchbot em tons de verde
Card do GitHub 4×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Digite o seu usuário do GitHub e o card desenha o seu gráfico de contribuições. Você pode mudar a cor das células. Tamanhos: só 4×2.

HTML

Card HTML do Kasbu com código próprio: um selo azul-escuro com um ponto verde escrito Available, Booking projects from November, 2 slots left in 2026
Card HTML 2×2 em uma página demo do Kasbu, 15 de outubro de 2026.

Cole o seu próprio HTML ou o código de incorporação de outro serviço, e ele aparece dentro do card. É o card mais flexível e o único que aceita todos os tamanhos. Tamanhos: de 1×1 a 8×6.

Experiência (currículo)

Card de experiência do Kasbu com três cargos e as datas: Freelance Product Designer, Senior Product Designer na Northwind Studio e UI Designer na Harbor Labs
Card de experiência 4×3 em uma página demo do Kasbu, 15 de outubro de 2026.

Liste a sua experiência em itens com cargo, empresa e datas. Tamanhos: 4×1, 4×2, 4×3 e 4×4.


Música

Spotify

Card do Spotify no Kasbu com a playlist Your Favorite Coffeehouse, a capa sobre um disco de vinil, os controles de reprodução e as cinco primeiras faixas
Card do Spotify 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Cole o link de uma música, um álbum, uma playlist, um artista ou um podcast e os visitantes escutam sem sair da sua página. Tamanhos: 4×2, 2×4, 4×4, 8×4 e 8×6.

Apple Music

Player de Apple Music do Kasbu para o álbum Dive (Deluxe Version) do Tycho, com a capa, os controles de reprodução e as seis primeiras faixas
Card de Apple Music 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

O Kasbu desenha o próprio player para links do Apple Music, com um layout diferente para cada tamanho, de uma capinha 1×1 a um player completo 8×6. Tamanhos: todos, incluindo uma faixa 2×1.

SoundCloud

Card do SoundCloud no Kasbu com a faixa Time (You and I) do Khruangbin incorporada, com a capa ilustrada e a forma de onda
Card do SoundCloud 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore uma faixa ou um set do SoundCloud. Tamanhos: 4×2, 2×4, 4×4, 8×4 e 8×6.

Deezer

Card do Deezer no Kasbu com o álbum Migration do Bonobo incorporado, com um botão de play e a lista de faixas
Card do Deezer 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpore uma música, um álbum ou uma playlist do Deezer. Tamanhos: 4×2, 2×4, 4×4, 8×4 e 8×6.


Agendamento e vendas

Calendly

Card do Calendly no Kasbu com uma página de agendamento 15 Minute Meeting incorporada e um calendário de outubro de 2026 para escolher o dia
Card do Calendly 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpora a sua página de agendamento do Calendly, para os visitantes escolherem um horário sem sair da sua página do Kasbu. Tamanhos: só 4×4, para o calendário continuar fácil de usar.

Google Calendar

Card do Google Calendar no Kasbu com o calendário público Holidays in United States na visualização mensal de outubro de 2026
Card do Google Calendar 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpora um Google Calendar público com os seus eventos ou a sua disponibilidade. Tamanhos: 4×2, 2×4 e 4×4.

Typeform

Card do Typeform no Kasbu com um formulário Branding Questionnaire incorporado e um botão Start
Card do Typeform 4×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Incorpora um formulário ou uma pesquisa do Typeform: um pedido de agendamento, uma lista de espera, um briefing de cliente. Tamanhos: 4×2, 2×4 e 4×4.

Produto

Card de produto alto do Kasbu com uma foto de grãos de café torrado, o nome House Blend, uma descrição curta, o preço de US$ 18,00 e um botão Buy beans
Card de produto 2×4 em uma página demo do Kasbu, 15 de outubro de 2026.

Um produto com foto, nome, descrição curta, preço e um botão que leva para onde você vende (sua loja, Gumroad, Etsy, Mercado Livre). Tamanhos: 2×2, 4×1, 4×2, 2×4 e 4×4.


Materiais dos cards

Além da cor, todo card tem um material. São 6, todos grátis desde 13 de outubro de 2026: Preenchimento (cor sólida), Gradiente, Fosco, Vidro, Transparente e Moldura (um contorno grosso). Vidro e Fosco ficam mais bonitos em cima de uma foto ou de um fundo animado.

Quatro layouts que funcionam

Receitas rápidas usando os tamanhos acima:

A página mediana do Kasbu usa cerca de 4 cards. Comece pelos que as pessoas mais precisam e adicione mais depois.

Perguntas frequentes

Quantos cards posso adicionar de graça?

25 por perfil, contando todas as páginas dele (até 3 no plano grátis). O Kasbu Pro tira o limite.

Algum tipo de card é só do Pro?

Não. Os 36 tipos funcionam no plano grátis. Algumas opções dentro dos cards são Pro: som nos cards de vídeo, e o estilo escuro e o marcador personalizado nos cards de mapa.

Posso redimensionar qualquer card?

A maioria dos cards tem vários tamanhos; você muda pelo controle de tamanho do card no editor. Alguns têm formato fixo: o TikTok é sempre 2×4, o GitHub 4×2 e o Calendly 4×4.

Os cards incorporados tocam sozinhos?

Os cards do YouTube tocam uma prévia sem som e em loop e abrem com som no toque. Vídeos enviados também tocam sem som e em loop. Os players de Spotify, Apple Music, SoundCloud e Deezer esperam o visitante apertar o play.

Posso ter um layout diferente no celular?

Sim. O Kasbu cria o layout de celular de 4 colunas a partir do layout do desktop. Mude o editor para a visualização do celular para mover ou redimensionar cards ali sem mexer na versão de desktop.

Qual é a diferença entre um card de link e um card incorporado?

Um card de link leva o visitante para outro site. Os cards incorporados (Spotify, YouTube, Calendly, Figma e os outros) mostram o conteúdo dentro da sua página, para o visitante ouvir, assistir ou agendar sem sair.

Quer testar? Crie a sua página no Kasbu de graça e adicione o seu primeiro card pelo seletor.

Continue lendo