> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Cards

> Transforme páginas em cards visualmente atraentes com fundos, cores, imagens e estilos de pré-visualização personalizados.

Cards são uma opção de estilo que transforma suas páginas em elementos visualmente distintos, com aparência de cartão, dentro dos seus documentos. Use-os para criar layouts atraentes dando às páginas fundos, cores, pré-visualizações ou formatos diferentes.

<Frame>
  <video autoPlay muted loop playsInline>
    <source src="https://mintcdn.com/craft-support/vpN4ZHWkgajNnWaJ/images/write-and-edit/styling/cards/en/content/cards-example.mp4?fit=max&auto=format&n=vpN4ZHWkgajNnWaJ&q=85&s=86912a7f01babf1ea8be8506fac76c31" type="video/mp4" data-path="images/write-and-edit/styling/cards/en/content/cards-example.mp4" />
  </video>
</Frame>

<Info title="Cards vs. páginas">
  Um card e uma página funcionam da mesma forma por baixo dos panos. Cards são simplesmente páginas com estilo visual adicional: fundo, cor, pré-visualização ou formato. Tudo o que você pode fazer em uma página, você também pode fazer dentro de um card.
</Info>

## Criar um card

<Steps>
  <Step title="Abra o slash menu">
    Digite `/card` no seu documento.
  </Step>

  <Step title="Escolha um estilo">
    Selecione o estilo do card no menu.
  </Step>

  <Step title="Insira">
    O card é inserido como um novo bloco de página.
  </Step>
</Steps>

Saiba mais em [Usando o slash menu](/pt-BR/write-and-edit/formatting/slash-menu).

## Fundos

Os cards podem ser personalizados com três tipos de fundo:

* **Cores sólidas:** escolha na paleta de cores ou defina uma cor personalizada.

  <img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/cards/en/content/card-color.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=a0107160a54406d13310ce129db82b00" alt="Card com fundo colorido" width="715" height="155" data-path="images/write-and-edit/styling/cards/en/content/card-color.png" />

* **Imagens do Unsplash:** pesquise e selecione fotos profissionais direto dentro do Craft.

  <img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/cards/en/content/card-image.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=4ab390d1e1becd66cf197d5dbd9afb8b" alt="Card com imagem do Unsplash como fundo" width="710" height="156" data-path="images/write-and-edit/styling/cards/en/content/card-image.png" />

* **Suas próprias imagens:** envie uma imagem do seu dispositivo.

Você também pode deixar um card sem fundo para um visual limpo e minimalista:

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/cards/en/content/simple-card.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=05efda4938c09f871b022ddd9cade7ef" alt="Card simples sem fundo" width="718" height="162" data-path="images/write-and-edit/styling/cards/en/content/simple-card.png" />

## Estilos de pré-visualização

A pré-visualização de um card controla como o conteúdo dele aparece na página principal. Escolha entre cinco opções:

* **Padrão:** a pré-visualização padrão, mostrando o título e um trecho do conteúdo do card.
* **Emoji:** escolha até quatro emojis para aparecer no card no lugar da pré-visualização de texto.
* **Livro:** estilizado como uma página de livro.
* **Post-it:** estilizado como uma folha de caderno amarelo.
* **Galeria:** uma colagem com até três imagens de dentro do card, no lugar da pré-visualização de texto.

## Formatos de card

Cards vêm em cinco formatos que mudam o quanto eles se destacam no documento. Combine-os para criar hierarquia e interesse visual.

<Info title="Craft Plus">
  Os dois maiores formatos de card estão disponíveis com Craft Plus. Os outros três formatos estão disponíveis em todos os planos.
</Info>

## Vídeo tutorial

<iframe src="https://www.youtube-nocookie.com/embed/8vIxMUVTvl8" title="How to use Cards in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## Casos de uso

Cards são especialmente úteis para:

* **Planejamento de projetos:** crie seções visuais para diferentes fases do projeto.
* **Bases de conhecimento:** organize tópicos com hierarquia visual.
* **Notas de reunião:** separe itens da pauta ou tópicos de discussão.
* **Planejamento de conteúdo:** organize ideias com diferenciação visual.

## Artigos relacionados

<Columns cols={2}>
  <Card title="Guia rápido de estilos" href="/pt-BR/write-and-edit/styling/quick-guide">
    Guia completo de todos os recursos de estilo
  </Card>

  <Card title="Imagens de capa" href="/pt-BR/write-and-edit/styling/cover-images">
    Personalize imagens de capa para seus documentos
  </Card>

  <Card title="Blocos e páginas" href="/pt-BR/write-and-edit/blocks-and-pages">
    Entenda os elementos básicos do Craft
  </Card>
</Columns>