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

# Estilos

> Deixe seus documentos visualmente incríveis com fontes, cores, fundos e imagens de capa personalizáveis.

O Craft facilita criar documentos bonitos sem precisar ser designer. Estilize seu conteúdo com cores customizadas, fundos, fontes, imagens de capa e elementos decorativos como separadores estilo Washi.

## O que você pode estilizar

O sistema de estilos do Craft funciona em dois níveis: **nível de texto** e **nível de página**. Isso dá controle preciso sobre elementos individuais enquanto mantém uma estética coesa no documento.

### Estilização no nível de texto

Aplicável a blocos individuais ou seleções dentro do seu documento:

* **Fontes** – Escolha entre System (padrão), Serif (leitura elegante), Mono (ideal para código) ou Rounded (acolhedora e moderna)
* **Cores do texto** – Selecione entre cores pré-definidas ou crie tons personalizados
* **Destaques** – Adicione cor de fundo para enfatizar trechos específicos
* **Listas** – Personalize estilos de marcadores, formatos de numeração e recuos

### Estilização no nível de página

Aplicável ao documento inteiro para um visual unificado:

* **Cores** – Defina o fundo do documento e a cor padrão do texto
* **Imagens de capa** – Adicione cabeçalhos visuais a partir da biblioteca curada do Unsplash ou faça upload das suas próprias fotos
* **Fundos** – Escolha cores sólidas, gradientes ou imagens de página inteira com efeitos de desfoque
* **Separadores** – Estilize divisores horizontais com padrões tipo Washi, linhas simples ou formas geométricas
* **Cards** – Transforme páginas em layouts visuais distintos com bordas coloridas ou fundos de imagem

## Comece rápido

Acesse as opções de estilo a partir de locais diferentes, dependendo da sua plataforma:

<Tabs>
  <Tab title="macOS">
    * **Barra lateral direita** – Click na aba **Style** (ícone de pincel) para ver todas as opções de nível de página
    * **Barra lateral esquerda** – Encontre o painel **Styles** com prévias ao vivo nas versões mais recentes
    * **Toolbar** – Selecione texto e use a barra de formatação para mudanças rápidas no nível de texto
    * **Keyboard** – Press `Cmd+Shift+S` para abrir o painel de styles
  </Tab>

  <Tab title="iOS">
    * **Three-dot menu** (`···`) no canto superior direito – Acesse **Page Style** para opções de documento inteiro
    * **Letter icon** (Aa) – Aparece quando o texto está selecionado para formatação rápida
    * **Block menu** – Tap e segure um bloco, depois selecione **Style** no menu de contexto
    * **Slash menu** – Digite `/style` para aplicar estilos de texto inline
  </Tab>

  <Tab title="Windows">
    * **Barra lateral direita** – Click na aba **Style** para ver as opções de estilização de página
    * **Toolbar** – Selecione texto para revelar os controles de formatação
    * **Slash menu** – Digite `/style` para acesso rápido à formatação de texto
  </Tab>

  <Tab title="Web">
    * **Barra lateral direita** – Click na aba **Style** para opções a nível de página
    * **Toolbar** – Selecione texto para acessar os controles de formatação
    * **Slash menu** – Digite `/style` para aplicar estilos sem sair do teclado
  </Tab>
</Tabs>

<iframe src="https://www.youtube-nocookie.com/embed/b2UL6B2m9Hg" title="Document Styling in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## Casos de uso comuns

### Documentos profissionais

Para relatórios de negócios, propostas ou documentos para clientes:

* Use fontes **Serif** para um tom tradicional e autoritário
* Aplique **cores neutras** (cinzas, brancos) no fundo
* Adicione uma **imagem de capa** que represente sua marca ou o tema
* Mantenha **destaques de texto** mínimos – reserve para métricas chave ou chamadas para ação

### Base de conhecimento pessoal

Para notas, diários ou materiais de estudo:

* Experimente fontes **Rounded** ou **System** para uma leitura confortável
* Use **fundos coloridos** por código para diferenciar áreas de assunto (azul para trabalho, verde para pessoal)
* Aplique **destaques** livremente para marcar trechos importantes para leitura rápida
* Tente **separadores estilo Washi** para adicionar personalidade e quebras visuais

### Projetos criativos

Para mood boards, portfólios ou storytelling:

* Misture **layouts em card** com **fundos de imagem** para impacto visual
* Use **fundos em gradiente** para criar atmosfera
* Aplique **cores de texto personalizadas** que complementem suas imagens
* Sobreponha **imagens de capa** com **efeitos de desfoque** para dar profundidade

### Documentação de código

Para notas técnicas ou logs de desenvolvimento:

* Use a fonte **Mono** por padrão em blocos de código e conteúdo técnico
* Prefira **cores de alto contraste** (fundo escuro, texto claro) para reduzir cansaço visual
* Aplique **separadores simples** para dividir claramente as seções
* Mantenha **fundos de página** minimalistas para focar no conteúdo

<Info title="Consistência de estilo">
  Depois de encontrar um estilo que você goste, salve-o como padrão em **Configurações do Espaço**. Isso garante que todos os novos documentos comecem com a estética preferida, economizando tempo e mantendo consistência no seu workspace.
</Info>

## Fluxo de personalização

Aqui está um fluxo típico para estilizar um novo documento:

<Steps>
  <Step>
    **Comece pela base da página** – Escolha seu fundo (cor, gradiente ou imagem) e imagem de capa, se quiser. Isso define o humor geral.
  </Step>

  <Step>
    **Selecione sua fonte** – Escolha um tipo que combine com o propósito do documento (Serif para formal, Mono para técnico, Rounded para casual).
  </Step>

  <Step>
    **Adicione elementos estruturais** – Insira separadores entre as seções principais para criar hierarquia visual e melhorar a escaneabilidade.
  </Step>

  <Step>
    **Aplique estilos no nível de texto** – Enquanto escreve, use destaques, cores e formatação para enfatizar pontos-chave e criar interesse visual.
  </Step>

  <Step>
    **Ajuste e refine** – Recuar e revisar. Ajuste cores, experimente fontes diferentes ou troque o estilo dos separadores até o documento ficar do jeito certo.
  </Step>
</Steps>

## Artigos relacionados

<CardGroup 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 estilização
  </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="Cards" href="/pt-BR/write-and-edit/styling/cards">
    Transforme páginas em layouts visuais
  </Card>

  <Card title="Estilos do app" href="/pt-BR/write-and-edit/styling/app-styles">
    Estenda os estilos dos documentos 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>

  <Card title="Publicar documentos" href="/pt-BR/share-and-publish/publish">
    Compartilhe documentos estilizados lindamente na web
  </Card>

  <Card title="Assistente de IA" href="/pt-BR/ai-assistant">
    Use a IA para ajudar na estilização e formatação do conteúdo
  </Card>
</CardGroup>