> For the complete documentation index, see [llms.txt](https://ajuda.goomer.com.br/central-implementacao-goomer-fast/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.goomer.com.br/central-implementacao-goomer-fast/1.-cardapio/1.1.-insumos-para-a-montagem-do-cardapio.md).

# 1.1. Insumos para a montagem do cardápio

Tudo o que você precisa saber sobre os insumos para a montagem do seu cardápio

## 1.1.1.  Enviar logotipo do estabelecimento em formato PNG com fundo transparente

A identidade visual está relacionada ao padrão de logotipo, cores e fontes que serão utilizadas em seu cardápio digital, deixando ele com a cara do seu estabelecimento!&#x20;

Para compreender melhor os elementos que compõem a identidade visual do seu cardápio digital, navegue pelas explicações e recomendações a seguir a respeito do *splash screen*, logotipo, cores, fontes e imagem de fundo do menu:

{% tabs %}
{% tab title="Logotipo" %}

## Logotipo

Para garantir uma boa visualização e qualidade, recomendamos que a dimensão do logotipo seja de no mínimo **350 x 200 px** e que esteja em formato **vetorizado** (preferencialmente .png, .psd ou .cdr).

![Imagens vetorizadas aparecem com fundo transparente no tablet.](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD2v8Q1vmXNM_p-UOx%2F-MSD47W6RVO5pU4dzTiE%2Fimage.png?alt=media\&token=4e3ebe7b-06cb-4220-9a89-1a16f386f9e2)

Caso o logotipo esteja orientado na vertical, recomendamos alguns ajustes para melhorar sua visualização, mantendo o mesmo orientado na horizontal, conforme imagem a seguir:

![Logotipo orientado na horizontal permite melhor aproveitamento do espaço, visualização e leitura.](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD2v8Q1vmXNM_p-UOx%2F-MSD4BB56w1Jgp-Xwi_C%2Fimage.png?alt=media\&token=0aad13d2-b7f2-48d1-a110-dd76ccb8fa18)
{% endtab %}

{% tab title="Cores" %}

## Cores

O cardápio digital é composto por 2 cores principais, sendo:

* Cor 1: cabeçalho
* Cor 2: botões e textos

Para que as cores respeitem o manual de marca do seu estabelecimento, você precisa nos enviar as cores em formato hexadecimal (#000000) para que possamos inserir as tonalidades corretas.

![](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD2v8Q1vmXNM_p-UOx%2F-MSD4L4pJ6Nhz8zXkLWx%2Fimage.png?alt=media\&token=157cedcc-caee-4e44-8451-1f6557a801b3)
{% endtab %}

{% tab title="Fonte" %}

## Fonte

Escolher a fonte correta tem o poder “mágico” de deixar seu cardápio digital ainda melhor, fazendo com que os clientes se sintam mais à vontade, melhorando assim suas experiências.

Temos um banco de fontes padronizado para uso nos tablets. Essas fontes estão ilustradas a seguir:

![Opções de fontes no Goomer](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD2v8Q1vmXNM_p-UOx%2F-MSD4r-d7EXEhdpnRWiD%2Fimage.png?alt=media\&token=3e439aa4-8efa-4604-b7ba-21eae7eda286)
{% endtab %}

{% tab title="Imagem de Fundo do Menu" %}

## Imagem de Fundo do Menu

Outra personalização que pode ser feita dentro da identidade visual do seu cardápio digital é a inserção de uma imagem de fundo no menu.

Para garantir uma boa visualização e qualidade, recomendamos que a dimensão da imagem seja de **1080 x 1920 px** ou uma cor única no formato hexadecimal (#000000, por exemplo).&#x20;

Abaixo apresentamos alguns exemplos de fundos:

![](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD2v8Q1vmXNM_p-UOx%2F-MSD4zMCCrLAF7LHwZUX%2Fimage.png?alt=media\&token=121dd261-e147-4def-a5f1-f77c7f4f0884)
{% endtab %}
{% endtabs %}

## 1.1.2. Enviar material completo do cardápio do estabelecimento

Para o início da estruturação do seu cardápio digital, será necessário o cadastro de todos os seus produtos na [**Plataforma Online da Goomer**](https://dashboard.goomer.app/)**.**

{% content-ref url="/pages/-MSDRFmydo8wjlAodPpz" %}
[Broken mention](broken://pages/-MSDRFmydo8wjlAodPpz)
{% endcontent-ref %}

![Painel Goomer](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD5qt_Ztm8Geh65EZr%2F-MSD654yt6F1piyHxUdz%2Fimage.png?alt=media\&token=0b71d93e-73db-45ff-839d-005c98d6ca18)

O responsável pela montagem deverá ter acesso a todo o material de cardápio disponível no estabelecimento (planilha excel, foto do cardápio físico, em PDF,  ou até mesmo arquivo exportado direto do sistema de gestão).    &#x20;

{% hint style="warning" %}
O cardápio utilizado para cadastro deverá estar atualizado, afim de garantir o mínimo de ajustes possíveis para sua inauguração.
{% endhint %}

![Arquivos do cardápio do estabelecimento](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD5qt_Ztm8Geh65EZr%2F-MSD6CBYMQwJkOPZ3wiH%2Fimage.png?alt=media\&token=4175008f-ef35-4ac5-b847-bea6d224007e)

## 1.1.3. Enviar fotos identificadas dos produtos do cardápio

&#x20;Após o cadastro dos produtos na Plataforma Goomer, o responsábel pela inserção das fotos no seu cardápio digital, precisará ter as fotos idetificadas de todos os produtos, caso contrário não será possível associar o nome do produto à sua respctiva imagem.

![Fotos identificadas](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD5qt_Ztm8Geh65EZr%2F-MSD6_QUswnABaHozDT-%2Fimage.png?alt=media\&token=02b25d59-6df8-49d9-81d9-59e03aa9c2e0)

Além dos produtos, é possível inserir imagens à outros elementos do cardápio digital, veja algumas recomendações no menu abaixo:

{% tabs %}
{% tab title="Splash Screen" %}

## Splash Screen

Quando o Mini Totem de Autoatendimento estiver em operação, será apresentada uma tela de abertura em modo de espera aguardando o cliente realizar o seu pedido.

{% hint style="info" %}
comendações de dimensões para a sua Tela Inicial (Splash Screen) do Mini Totem de Auto Atendimento da Goomer:  **1280 x 800** pixels
{% endhint %}

O cliente ficará responsável por desenvolver e nos enviar a arte de background (Imagem de Fundo da Tela Inicial).\
&#x20;Os botões, logotipo e frase (Oi, Faça seu pedido aqui) são padrões do nosso sistema, então essas informações serão posicionados por cima da arte de background que foi enviada pelo cliente. <br>

{% hint style="warning" %}
*Observação: Importante que a imagem não seja de cor clara, pois a frase é na cor branca e não é customizável. Sendo assim, caso a imagem seja muito clara, a frase não ficará visivel para leitura. Lembrando que a logo de vocês não precisa estar presente na arte desenvolvida, nós iremos colocar para você em nosso sistema.*&#x20;
{% endhint %}

Abaixo, alguns exemplos de como deve ser:   &#x20;

![Exemplo Splash Screen 1](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MfczkMiP0Uih1KZcWIc%2F-Mfd-bUEdarL1bgKsmEm%2FWhatsApp%20Image%202021-07-27%20at%2014.20.37%20\(1\).jpeg?alt=media\&token=41d25829-f89c-4b48-b516-55cea3ab3a80)

![Exemplo Splash Screen 2](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MfczkMiP0Uih1KZcWIc%2F-Mfd-bUFGSLaO_QeKTdv%2FWhatsApp%20Image%202021-07-27%20at%2014.20.37.jpeg?alt=media\&token=be9192b2-ecf1-4687-bea0-e787aa6aa7ab)

![Exemplo Splash Screen 3](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MfczkMiP0Uih1KZcWIc%2F-Mfd-bUCd4E5W5xHsJOl%2FWhatsApp%20Image%202021-07-27%20at%2014.20.35.jpeg?alt=media\&token=2e388ff7-6a65-4693-ae57-c659026a1be0)

Por fim, a arte ficará dessa maneira:

![Splash Screen em Exibição](https://3487725927-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MS87pafmm7mzVoyNK2g%2F-MSD2v8Q1vmXNM_p-UOx%2F-MSD5gQmM3sYLyi4POGw%2Fimage.png?alt=media\&token=b0b88edb-6ed5-4923-b9f5-b68fba735603)
{% endtab %}

{% tab title="Tela inicial" %}

## Fotos da Tela Inicial

{% hint style="info" %}
Dimensão recomendada: 700x585 px
{% endhint %}

![Tela inicial](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS87pafmm7mzVoyNK2g%2Fuploads%2FSPkczCiOYY7AkNQBEO5A%2Ffile.png?alt=media)
{% endtab %}

{% tab title="Grupos" %}

## Fotos dos Grupos

{% hint style="info" %}
Dimensão recomendada: 700x204 px
{% endhint %}

![Foto do grupo](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS87pafmm7mzVoyNK2g%2Fuploads%2FeGPxznfRgQJhIGahmND5%2Ffile.png?alt=media)
{% endtab %}

{% tab title="Produtos" %}

## Fotos dos Produtos

{% hint style="info" %}
Dimensão recomendada: 700x204 px
{% endhint %}

![Fotos dos produtos](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS87pafmm7mzVoyNK2g%2Fuploads%2FZs0Nqi4lSnp8biGBCePn%2Ffile.png?alt=media)
{% endtab %}

{% tab title="Sobre a Casa" %}

## Sobre a Casa

{% hint style="info" %}
Dimensão recomendada: 700x394 px
{% endhint %}

<div align="center"><img src="https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS87pafmm7mzVoyNK2g%2Fuploads%2FrhbIWARrG6DPJUy2jK5U%2Ffile.png?alt=media" alt="Sobre a casa"></div>
{% endtab %}
{% endtabs %}
