> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Cores

> Prepare a aparência padrão, tons claros e escuros, paleta de cores e cores de status.

Página Creative **Cores** abra a parte. Selecione a vista padrão e cor principal do site. O sistema adapta a cor que você escolhe para abrir e itens escuros; **Pallet** e **Cores importantes** Você também pode editar configurações de acordo com sua exigência.

[![Default ton, Bright main color, Dark main color, Detailed pallet](https://mintcdn.com/zonely-a8cd49e7/N_QMnvmTBQuFR-Ic/images/panel/page-builder-guide-20261025/05-renkler-pt-BR.png?fit=max\&auto=format\&n=N_QMnvmTBQuFR-Ic\&q=85\&s=406d6be7a98248d72c7ac7623dfd2ac7)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/05-renkler-pt-BR.png)

> [card] Tonelada padrão.
>
> Selecione o brilhante ou escuro para a primeira vista do visitante.

> [card] 2. Cor principal brilhante
>
> Selecione a cor principal do destaque da vista aberta.

> [card] 3. Cor principal escura.
>
> A Customize a cor do destaque do look escuro que você gosta.

> [card] -Palete detalhada.
>
> Pallet e cores importantes abrem superfícies e cores de status.

## Selecione a visão padrão

**Tom padrão** da lista **Brilhante** ou **Escuro** Select.

**Tom Brilhante** Selecione sua cor principal da área. A cor que você escolher também se adapta à aparência escura e se adapta ao local. Se você quiser **Tom escuro** Você pode determinar uma cor diferente de destaque para aparência escura da área. Use o código de cor ou seletivo.

## Palete detalhada, opcional

Se quiser personalizar mais detalhadamente **Paleta → Layout** Abra o caminho. **Luminous / Dark** Selecione o look que você quer editar da seleção.

[![Layout appearance, Color family, Gray tones](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/06-palet-pt-BR.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=6b9b739bf54769bcc8f194935b1efd88)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/06-palet-pt-BR.png)

> [card] Vista editada
>
> Mude entre a luz e a escuridão, duas paletes são mantidas separadas.

> [card] Família de cores
>
> Mude o código de cada cor de sua própria área.

> [card] 3. Tons de cinza.
>
> Escala de cinza é útil para ajustar diferentes níveis de superfície e texto.

Paletes, azuis, unhas, roxos, rosa, vermelho, laranja, amarelo, verde, turquesa e cores de vidro, famílias contêm tons cinza, clique no campo de cores e mude o código correspondente.

**Gray 10-Gri 90** prepara os campos para separar superfície, borda e níveis de fonte uns dos outros, deixando uma diferença entre níveis claros e escuros, em vez de dar a mesma cor a todos os campos cinzentos, e então verifique a outra aparência e sua paleta.

## Cores importantes, opcionais

**Cores importantes** mudar as áreas não é obrigatório. Quando você escolher sua cor principal, o sistema adapta a aparência clara e escura. Se você quiser personalizar as mensagens de status, piso de página ou cor de texto, bem como **Cores importantes → Editar** abrir a janela e selecionar a visualização correspondente.

[![Ton selection, Condition colors, Body floor](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/07-onemli-renkler-pt-BR.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=a0e4e19e8398e1e5c8b102517d218c9b)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/07-onemli-renkler-pt-BR.png)

> [card] 1a. seleção de toneladas.
>
> Editar as cores de status separadamente para aparência clara e escura.

> [card] -Cores da condição 2.
>
> Mantenha as mensagens de informação, alerta e perigo bem-sucedidas.

> [card] -Cabeça de corpo.
>
> Verifique as cores do texto corporal juntamente com o fundo do corpo.

* **Secundário:** a cor de destaque auxiliar.
* **Successful / Information / Warning / Danger:** a cor que diz o tipo de resultado do processo ou mensagem.
* **Fundo do corpo:** A página determina o andar básico.
* **Texto corporal:** determina a cor do texto básico; verifique com o chão.

## Antevisão e salvação

Feche as janelas e veja um botão, um parágrafo longo e uma mensagem de informação. **Salvem tudo** Completo.

Se usar a imagem de fundo, avalie as cores com as configurações visuais. [Antecedentes](https://docs.zonely.gen.tr/pt-BR/guides/page-builder/background.md) Na seção.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.