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

# Backdrops, Colors & Separators

> Customize backdrops, document and text colors, fonts, and Washi tape separators, and browse the Styles Gallery for preset looks.

Craft makes it easy to create visually stunning documents without any design expertise. The Styles feature lets you customize backdrops, text and document colors, fonts, and decorative separators like Washi tapes. See the [Styling Overview](/en/write-and-edit/styling) for where to find the Styles menu on each platform.

## Style Preview and Styles Gallery

The Styles menu shows a minimalistic preview of your current font, cover, and backdrop settings - a quick visual reference of how your document's style elements work together.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=0129a124f65d801c8869a4fe08b3c0ce" alt="Style preview example 1" width="289" height="223" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=8b9989c9e3feb864e536ec6dd41721be" alt="Style preview example 2" width="283" height="217" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=bae07e2a5e816779ece33c4a81a7f647" alt="Style preview example 3" width="277" height="216" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png" />

Click on the **Style Preview** to access the **Styles Gallery** and browse our curated collection of preset styles for your documents.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif?s=62ec4bc1e0ad9fa6ddc9845ef44b59b7" alt="Opening the styles gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif" />

## Custom Styling

Beyond preset styles, you can create your own custom colors for the backdrop, text, and document itself.

The backdrop function offers a wide range of options:

* **Solid Colors** - Choose from a color palette or create custom colors
* **Gradients** - Blend two or more colors
* **Images** - Upload your own or select one from Unsplash

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif?s=83ee42ce92078710e3acca683ec82ec0" alt="Creating custom styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif" />

To upload your own backdrop image, select the **image** option in the backdrop settings, then choose **Upload** and pick an image from your device. Alternatively, select the **Unsplash** button and search for keywords to find professional photos that match your theme.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=37096d20142bf302b8b642af18df45ee" alt="Upload backdrop image option" width="346" height="450" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png" />

<Info title="Cover Images">
  Looking to add a visual header to your document? See the dedicated [Cover Images](/en/write-and-edit/styling/cover-images) article for uploading, cropping, and Unsplash options.
</Info>

## Separators and Washi Tapes

Separators help structure content within a document. Craft takes this to the next level with Washi tapes - uniquely decorated strips that serve as visual separators.

Choose from:

* **Standard lines** - Classic separator style
* **Washi tapes** - Decorative patterned separators
* **Doodles** - Hand-drawn style separators

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/separators.gif?s=72c338272195774355f463276a46264c" alt="Different separator styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/separators.gif" />

<Info title="Quick Tip">
  Type three dashes (`---`) to instantly add a separator in whatever style you have set for your document.
</Info>

### Washi Tape Styling

Similar to backdrop and cover image options, you can customize Washi tape separators with solid colors or patterns.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif?s=cc832858117b1aa2e4407cd3d0433971" alt="Styling Washi tapes" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif" />

Access the **Washi Tapes Gallery** to find beautiful preset patterns:

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif?s=8435350d7507d46cde5b5097bca4fb62" alt="Browsing Washi tape gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif" />

You can be as specific as you like with your Washi tape colors. Create your preferred shade manually or input the RGB color code in the color picker.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-color.gif?s=4a5d3a415f66b08b37a96623c5b50cb0" alt="Creating custom Washi tape colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-color.gif" />

## Text and Document Color

Craft documents use the **system default** color by default - black in Dark Mode or white in Light Mode. This is represented by the black and white icon in the color selector.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/system-color.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=b277771553b8fd81b717eae717ff09e3" alt="System default color icon" width="281" height="166" data-path="images/write-and-edit/styling/quick-guide/en/content/system-color.png" />

However, you have full control over your document and text colors. Choose your preferred shade manually or insert the RGB code in the color picker to get the exact color you want.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif?s=7c3927c0a80033062ad48fab51b026b1" alt="Customizing document colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif" />

<Info title="Resetting Colors">
  Use the reset button to instantly return your document to the default system color.
</Info>

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/reset-color.gif?s=52d971ac666bddfd6773f2afaf74d1a9" alt="Resetting document colors" width="426" height="390" data-path="images/write-and-edit/styling/quick-guide/en/content/reset-color.gif" />

## Fonts

Change the font style of your entire document with one click. Choose from:

* **System** – Uses your device's default font
* **Serif** – Traditional, readable serif font
* **Mono** – Monospaced font for code or technical content
* **Rounded** – Friendly, modern rounded font

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/fonts.gif?s=11732e87e5fcc8c62ace8900cbb879bf" alt="Changing document fonts" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/fonts.gif" />

<Warning title="Custom Fonts">
  It is currently not possible to upload custom fonts into Craft.
</Warning>

## Exporting Styled Documents to PDF

The Styles feature is designed to help you express yourself and create your preferred visual environment when editing. If you need to disable styling when exporting your content to PDF, you can easily do so in the export options.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/export-styles.gif?s=0b04cf70df6513a5d9144629f0400399" alt="Disabling styles during PDF export" width="800" height="638" data-path="images/write-and-edit/styling/quick-guide/en/content/export-styles.gif" />

## Related Articles

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

  <Card title="Cards" href="/en/write-and-edit/styling/cards">
    Turn pages into visual card layouts
  </Card>

  <Card title="App Styles" href="/en/write-and-edit/styling/app-styles">
    Extend document styles to the app interface
  </Card>

  <Card title="Default Styles" href="/en/write-and-edit/styling/default-styles">
    Set your preferred style as the default
  </Card>
</CardGroup>
