> ## 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 o seu logótipo, defina a sua largura e escolha a cor de destaque usada nos seus documentos.

**Definições › Identidade visual** coloca o logótipo e a cor de destaque da sua loja nos seus documentos. Defina-os uma vez e todos os modelos que mostram o logótipo ou a cor de destaque passam a usá-los, incluindo os modelos que o Foliant lhe forneceu. Uma pré-visualização ao lado dos campos mostra o aspeto numa fatura de exemplo.

![As definiçõ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 o seu logótipo pronto num ficheiro JPEG, PNG, WebP ou AVIF com até 1 MB.
* O logótipo e a cor de destaque funcionam em todos os planos. Os logótipos 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-PT/billing-and-plans/plans-and-pricing.md).

## Usar o logótipo e a cor definidos na Shopify

Quando instala o Foliant, este usa o logótipo e a cor principal das definições de marca da sua loja na Shopify (**Definições › Marca** no admin da Shopify), se os tiver definido e ainda não tiver definido os seus no Foliant. Para os obter novamente mais tarde, abra **Definições › Identidade visual** e selecione **Usar o meu logótipo e cor da Shopify**. Isto substitui o logótipo e a cor de destaque do Foliant.

## Adicionar o seu logótipo e cor

1. Abra **Definições › Identidade visual**. Também pode aceder a partir de **Personalizar marca** na página **Modelos** ou de **Configurar a imagem de marca** no guia de configuração da página inicial.
2. Em **Logótipo e cor**, arraste o seu logótipo para **Logótipo** ou selecione-o para escolher um ficheiro.
3. Em **Largura do logótipo (px)**, introduza a largura com que o logótipo é impresso, entre 50 e 400 px. O valor predefinido é 240 px.
4. Em **Cor de destaque**, escolha uma cor ou introduza o respetivo código hexadecimal, como `#1a73e8`. É usada nos títulos e nas linhas das tabelas. A cor predefinida é o preto.
5. Verifique a pré-visualização e, em seguida, selecione **Guardar** na barra de gravação.

Guardar a sua identidade visual conclui o passo **Carregue a sua imagem de marca** no guia de configuração da página inicial.

## Alterar ou remover o seu logótipo

* Para usar outro ficheiro, selecione **Substituir** ao lado do seu logótipo e, em seguida, **Guardar**.
* Para anular um ficheiro que acabou de escolher mas ainda não guardou, selecione **Remover**. O logótipo guardado volta a aparecer.
* Para eliminar o logótipo guardado, selecione **Remover** ao lado dele. A alteração aplica-se de imediato, sem a barra de gravação, e verá **Logótipo removido**.

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

Os modelos do Foliant já mostram o seu logótipo e a cor de destaque. Se escrever o 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>
```

## Informações úteis

* Os modelos criados a partir de um design mantêm o logótipo e as cores definidos nesse design. Consulte [Visão geral dos designs](https://foliant-help.iforiti.com/pt-PT/designs/designs-gallery.md).
* Para usar outro logótipo e outra cor em encomendas para alguns países, adicione-os em **Logótipos por país** na mesma página. Consulte [Logótipos por país](https://foliant-help.iforiti.com/pt-PT/settings/logos-by-country.md).
* Se o logótipo for demasiado grande, verá **The file you tried to upload was too large (over 1MB)**. Reduza o tamanho do ficheiro e tente novamente.
* Se o seu plano deixar de incluir a identidade visual personalizada, os logótipos por país deixam de ser impressos. O seu logótipo e a cor de destaque continuam a ser impressos em todos os planos.

## Artigos relacionados

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


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