Definindo a Identidade de Marca

Definindo a Identidade de Marca

💡 Dica: Faça a leitura dos artigos para depois preencher as informações no Painel Lori.

Artigos

Preenchimento no painel

Acesse Perfil da empresa | Lori Network via conta Admin para prosseguir este tutorial.

 

image-20250415-185408.png

 

1. 🎬 Informações da Splash Screen

A splash screen é a tela de abertura do app, exibida por alguns segundos enquanto ele carrega.

Campos:

  • Cor do fundo da splash screen
    Escolha uma cor de fundo que combine com sua marca. Essa cor aparece atrás da imagem, caso ela não seja "tela cheia".

  • Splash screen é uma imagem inteira?
    Marque essa opção se a imagem enviada já tiver o fundo incluso e for para ocupar 100% da tela.
    📌 Dica: Caso deseje um fundo liso com seu logo ao centro, não marque esta opção e use o campo de cor de fundo.

  • Imagem da splash screen
    Upload da imagem que será exibida na abertura do app.
    Recomendações:

    • Formato: .png

    • Dimensão sugerida: 1242 x 2436 px (proporção 9:16)

    • Fundo transparente caso não seja imagem inteira


2. 🎨 Cores da Marca

Aqui você define a identidade visual do seu app, escolhendo as cores principais que serão aplicadas nos botões, barras e preços.

Campos:

  • Cor primária
    Cor principal da marca. Usada em botões, destaques e elementos importantes.

  • Cor secundária
    Complementa a primária, usada em elementos de apoio.

  • Cor da barra do app
    Defina a cor da barra superior do aplicativo.

  • Cor do preço no detalhe de produto
    Cor aplicada ao preço quando o usuário entra em um produto.

  • Cor do preço na listagem de produto
    Cor dos preços na tela com vários produtos.

📌 Dica: Use cores com bom contraste para garantir acessibilidade e leitura fácil, especialmente em dispositivos móveis.


3. 🖼️ Logos da Empresa

Nessa seção você fará o upload das variações do logo e do ícone do app.

Campos:

  • Logo horizontal (para fundos claros)
    Versão do logo que será usada em interfaces com fundo branco ou claro.

  • Logo horizontal (para fundos escuros)
    Versão para uso em fundos escuros.
    ✅ Recomenda-se fundo transparente (.png) em ambos os casos.

  • Ícone da empresa (1024 x 1024)
    Este será o ícone oficial do app nas lojas.

    Requisitos importantes:

    • Formato: .png

    • Tamanho exato: 1024 x 1024 px

    • Fundo sem transparência

    • Sem texto pequeno ou elementos muito detalhados (eles podem não ser legíveis em tamanhos reduzidos)

    📌 Dicas específicas:


💡 Dicas Finais

  • Teste a legibilidade e contraste das cores em diferentes dispositivos.

  • Use sempre arquivos em alta resolução.

  • Se possível, solicite à equipe de design uma versão específica para mobile.

  • Evite copiar e colar logos do site ou apresentações — prefira arquivos vetorizados exportados para .png.