> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Identidade visual

> Adicione seu logotipo, defina a largura dele e escolha a cor de destaque usada nos seus documentos.

**Configurações › Identidade visual** coloca o logotipo e a cor de destaque da sua loja nos seus documentos. Você os define uma vez, e todo modelo que mostra o logotipo ou a cor de destaque passa a usá-los, incluindo os modelos que o Foliant deu a você. Uma prévia ao vivo ao lado dos campos mostra como eles ficam em uma fatura de exemplo.

![As configurações de Identidade visual](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/settings/images/branding.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=9631d1cc2ce050aa3a91435b337a7786)

## Antes de começar

* Tenha seu logotipo pronto em um arquivo JPEG, PNG, WebP ou AVIF de até 1 MB.
* Seu logotipo e sua cor de destaque funcionam em todos os planos. Os logotipos por país fazem parte da identidade visual personalizada, disponível a partir do plano Starter. Consulte [Planos e preços](https://foliant-help.iforiti.com/pt-BR/billing-and-plans/plans-and-pricing.md).

## Usar o logotipo e a cor definidos na Shopify

Quando você instala o Foliant, ele pega o logotipo e a cor principal das configurações de marca da sua loja na Shopify (**Configurações › Marca** no admin da Shopify), se você as definiu e ainda não definiu os seus no Foliant. Para pegá-los de novo depois, abra **Configurações › Identidade visual** e selecione **Usar meu logotipo e cor da Shopify**. Isso substitui o logotipo e a cor de destaque do seu Foliant.

## Adicionar seu logotipo e sua cor

1. Abra **Configurações › Identidade visual**. Você também pode chegar lá por **Personalizar marca** na página **Modelos** ou por **Configurar a marca** no guia de configuração da página inicial.
2. Em **Logo e cor**, solte seu logotipo em **Logotipo** ou selecione o campo para escolher um arquivo.
3. Em **Largura do logotipo (px)**, informe a largura de impressão do logotipo, entre 50 e 400 px. O padrão é 240 px.
4. Em **Cor de destaque**, escolha uma cor ou informe o código hexadecimal dela, como `#1a73e8`. Ela é usada em títulos e linhas de tabelas. O padrão é preto.
5. Confira a prévia e selecione **Salvar** na barra de salvamento.

Salvar sua identidade visual conclui a etapa **Envie sua marca** no guia de configuração da página inicial.

## Alterar ou remover seu logotipo

* Para usar outro arquivo, selecione **Substituir** ao lado do seu logotipo e depois **Salvar**.
* Para desfazer um arquivo que você acabou de escolher, mas ainda não salvou, selecione **Remover**. Seu logotipo salvo volta.
* Para excluir seu logotipo salvo, selecione **Remover** ao lado dele. Isso vale na hora, sem a barra de salvamento, e você vê **Logotipo removido**.

## Usar sua identidade visual nos seus próprios modelos

Os modelos do Foliant já mostram seu logotipo e sua cor de destaque. Se você escreve seu próprio Liquid, use estas variáveis:

```liquid theme={null}
{% if shop_logo_url != blank %}
  <img src="{{ shop_logo_url }}" width="{{ shop_logo_width }}" alt="Logo">
{% endif %}
<h1 style="color: {{ shop_accent_color }}">Invoice</h1>
```

## Bom saber

* Modelos criados a partir de um design mantêm o logotipo e as cores definidos nesse design. Consulte [Visão geral dos designs](https://foliant-help.iforiti.com/pt-BR/designs/designs-gallery.md).
* Para usar outro logotipo e outra cor em pedidos para alguns países, adicione-os em **Logotipos por país** na mesma página. Consulte [Logotipos por país](https://foliant-help.iforiti.com/pt-BR/settings/logos-by-country.md).
* Se o logotipo for grande demais, você vê **O arquivo que você tentou enviar era grande demais (mais de 1 MB)**. Reduza o arquivo e tente de novo.
* Se o seu plano deixar de incluir a identidade visual personalizada, seus logotipos por país deixam de ser impressos. Seu próprio logotipo e sua cor de destaque continuam sendo impressos em todos os planos.

## Artigos relacionados

* [Logotipos por país](https://foliant-help.iforiti.com/pt-BR/settings/logos-by-country.md)
* [Visão geral dos modelos](https://foliant-help.iforiti.com/pt-BR/templates/what-are-templates.md)
* [Visão geral dos designs](https://foliant-help.iforiti.com/pt-BR/designs/designs-gallery.md)
* [Visão geral das configurações](https://foliant-help.iforiti.com/pt-BR/settings/settings-overview.md)


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