> ## 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

> Transform pages into visually appealing cards with custom backgrounds, colors, images, and preview styles.

Cards are a styling option that transforms your pages into visually distinct, card-like elements within your documents. Use them to create appealing layouts by giving pages different backgrounds, colors, previews, or formats.

<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 pages">
  A card and a page work the same way under the hood. Cards are simply pages with extra visual styling: background, color, preview, or format. Everything you can do on a page, you can also do inside a card.
</Info>

## Creating a card

<Steps>
  <Step title="Open the slash menu">
    Type `/card` in your document.
  </Step>

  <Step title="Pick a style">
    Select the card style from the menu.
  </Step>

  <Step title="Insert">
    The card is inserted as a new page block.
  </Step>
</Steps>

Learn more about [Using the Slash Menu](/en/write-and-edit/formatting/slash-menu).

## Backgrounds

Cards can be customized with three background types:

* **Solid colors:** pick from the color palette or set a custom color.

  <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 with colored background" width="715" height="155" data-path="images/write-and-edit/styling/cards/en/content/card-color.png" />

* **Unsplash images:** search and select professional photos directly inside 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 with Unsplash image background" width="710" height="156" data-path="images/write-and-edit/styling/cards/en/content/card-image.png" />

* **Your own images:** upload an image from your device.

You can also leave a card with no background for a clean, minimalist look:

<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="Simple card with no background" width="718" height="162" data-path="images/write-and-edit/styling/cards/en/content/simple-card.png" />

## Preview styles

A card's preview controls how its content appears on the parent page. Choose from five options:

* **Standard:** the default preview, showing the title and a snippet of the card's content.
* **Emoji:** pick up to four emojis to display on the card instead of the text preview.
* **Book:** styled like a page from a book.
* **Sticky note:** styled like a yellow notebook page.
* **Gallery:** a collage showing up to three images from inside the card instead of the text preview.

## Card formats

Cards come in five formats that change how prominently they appear in the document. Mix and match them to create hierarchy and visual interest.

<Info title="Craft Plus">
  The two largest card formats are available with Craft Plus. The other three formats are available on all plans.
</Info>

## Video 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 />

## Use cases

Cards are particularly useful for:

* **Project planning:** create visual sections for different project phases.
* **Knowledge bases:** organize topics with visual hierarchy.
* **Meeting notes:** separate agenda items or discussion topics.
* **Content planning:** organize ideas with visual differentiation.

## Related articles

<Columns cols={2}>
  <Card title="Styles Quick Guide" href="/en/write-and-edit/styling/quick-guide">
    Comprehensive guide to all styling features
  </Card>

  <Card title="Cover Images" href="/en/write-and-edit/styling/cover-images">
    Customize cover images for your documents
  </Card>

  <Card title="Blocks and Pages" href="/en/write-and-edit/blocks-and-pages">
    Understanding the building blocks of Craft
  </Card>
</Columns>