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

# Fundos, Cores e Separadores

> Personalize fundos, cores de documentos e texto, fontes e separadores Washi tape, e explore a Galeria de Estilos para visuais predefinidos.

O Craft facilita a criação de documentos visualmente incríveis, sem que você precise ter experiência em design. O recurso de Estilos permite personalizar fundos, cores de texto e de documento, fontes e separadores decorativos como as Washi tapes. Consulte a [Visão Geral de Estilos](/pt-BR/write-and-edit/styling) para saber onde encontrar o menu de Estilos em cada plataforma.

## Pré-visualização de Estilo e Galeria de Estilos

O menu de Estilos exibe uma pré-visualização minimalista das configurações atuais de fonte, capa e fundo — uma referência visual rápida de como os elementos de estilo do seu documento funcionam juntos.

<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" />

Clique na **Pré-visualização de Estilo** para acessar a **Galeria de Estilos** e explorar nossa coleção selecionada de estilos predefinidos para seus documentos.

<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" />

## Personalização de Estilos

Além dos estilos predefinidos, você pode criar suas próprias cores personalizadas para o fundo, o texto e o próprio documento.

A função de fundo oferece uma ampla variedade de opções:

* **Cores Sólidas** - Escolha em uma paleta de cores ou crie cores personalizadas
* **Gradientes** - Misture duas ou mais cores
* **Imagens** - Faça upload das suas próprias ou selecione uma do 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" />

Para fazer upload de uma imagem de fundo própria, selecione a opção **imagem** nas configurações de fundo, depois escolha **Upload** e selecione uma imagem do seu dispositivo. Alternativamente, clique no botão **Unsplash** e pesquise por palavras-chave para encontrar fotos profissionais que combinem com o seu tema.

<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="Imagens de Capa">
  Quer adicionar um cabeçalho visual ao seu documento? Confira o artigo dedicado a [Imagens de Capa](/pt-BR/write-and-edit/styling/cover-images) para saber mais sobre upload, recorte e opções do Unsplash.
</Info>

## Separadores e Washi Tapes

Os separadores ajudam a estruturar o conteúdo dentro de um documento. O Craft vai além com as Washi tapes — faixas decorativas exclusivas que funcionam como separadores visuais.

Escolha entre:

* **Linhas padrão** - Estilo de separador clássico
* **Washi tapes** - Separadores decorativos com padrões
* **Doodles** - Separadores com estilo desenhado à mão

<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="Dica Rápida">
  Digite três traços (`---`) para adicionar instantaneamente um separador no estilo definido para o seu documento.
</Info>

### Estilização das Washi Tapes

Assim como as opções de fundo e imagem de capa, você pode personalizar os separadores Washi tape com cores sólidas ou padrões.

<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" />

Acesse a **Galeria de Washi Tapes** para encontrar belos padrões predefinidos:

<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" />

Você pode ser tão específico quanto quiser com as cores das Washi tapes. Crie o tom desejado manualmente ou insira o código de cor RGB no seletor de cores.

<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" />

## Cor do Texto e do Documento

Os documentos do Craft utilizam a cor **padrão do sistema** por padrão — preto no Modo Escuro ou branco no Modo Claro. Isso é representado pelo ícone preto e branco no seletor de cores.

<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" />

No entanto, você tem controle total sobre as cores do documento e do texto. Escolha o tom desejado manualmente ou insira o código RGB no seletor de cores para obter exatamente a cor que você quer.

<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="Redefinindo Cores">
  Use o botão de redefinição para retornar instantaneamente o seu documento à cor padrão do sistema.
</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" />

## Fontes

Altere o estilo de fonte de todo o seu documento com um clique. Escolha entre:

* **System** – Usa a fonte padrão do seu dispositivo
* **Serif** – Fonte serifada clássica e de fácil leitura
* **Mono** – Fonte monoespaçada para código ou conteúdo técnico
* **Rounded** – Fonte arredondada moderna e amigável

<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="Fontes Personalizadas">
  No momento, não é possível fazer upload de fontes personalizadas no Craft.
</Warning>

## Exportando Documentos Estilizados para PDF

O recurso de Estilos foi desenvolvido para ajudá-lo a se expressar e criar o ambiente visual que você prefere ao editar. Se precisar desativar os estilos ao exportar seu conteúdo para PDF, você pode fazer isso facilmente nas opções de exportação.

<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" />

## Artigos Relacionados

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

  <Card title="Cards" href="/pt-BR/write-and-edit/styling/cards">
    Transforme páginas em layouts visuais de cards
  </Card>

  <Card title="Estilos do App" href="/pt-BR/write-and-edit/styling/app-styles">
    Estenda os estilos do documento para a interface do app
  </Card>

  <Card title="Estilos Padrão" href="/pt-BR/write-and-edit/styling/default-styles">
    Defina seu estilo preferido como padrão
  </Card>
</CardGroup>