Manual
da marca

Beta

Última atualização: 14/08/2020

Este é um manual feito pelo time de Design de Marca da Loggi para uso de Loggers, fornecedores e parceiros.

Aqui estão disponíveis os assets de design e as orientações para a aplicação correta da nossa marca.

Use este documento como referência sempre que precisar saber, por exemplo, como aplicar adequadamente o logo da Loggi.

Logo

O logo é a assinatura da nossa marca. Com ele, conectamos nossos produtos e geramos identificação com as pessoas que usam nossos serviços.

Aprenda como fazer a aplicação correta da nossa marca, garantindo um bom posicionamento do logo em relação ao conteúdo (textos, fotos, ícones etc) e melhor visualização do todo.

Baixe aqui as versões do logo para:

O pacote contém:

O logo completo e o símbolo (lebre).

Uso apenas da lebre

Para entender quando é permitido usar o desenho da lebre sem a palavra "Loggi", vá até a seção Símbolo.

Área de proteç˜ão

Aplicações do logo

Em fundos de cor única

O logo só deve ser usado sobre as cores mostradas acima, seguindo essa ordem de prioridade. Para saber mais, vá até a seção Nossas cores.

Em fundos diversos

Use um fundo que gere contraste com o logo, facilitando a leitura. Caso tenha dúvidas, envie um e-mail para brand@loggi.com.

Não aplique o símbolo da lebre e a palavra "Loggi" com cores diferentes.

Não use a palavra "Loggi" sozinha, sem o símbolo da lebre.

Nunca use o logo sem preenchimento.

Não refaça o logo usando outro tipo de fonte.

Não use o logo preto com fundo azul.

Não use contornos nos elementos do logo.

Não aplique o logo azul sobre imagens que tenham muitas cores diferentes.

Não aplique o logo sobre fundos de cores únicas diferentes das indicadas neste manual.

Nunca mude a cor do logo.

Use sempre uma das opções disponíveis para download.

Não gire ou distorça o logo.

Redução máxima do logo

Impressão

Digital

2cm

100px

Símbolo

A lebre só pode ser usada em:

- materiais internos

- áreas de aplicação menores que 2 cm

- fotos de perfil em redes sociais

Área de proteç˜ão do símbolo

Redução máxima do símbolo

Impressão

Digital

1cm

32px

Modelos

Os modelos de documentos facilitam o dia a dia e garantem que, ao compartilhá-los, nossa identidade visual seja mantida, dentro e fora da empresa.

Aqui você encontra nossos modelos oficiais de apresentação em slides e documento do Google Docs.

Priorize esses modelos. Seus elementos foram criados e organizados para garantir acessibilidade para todas as pessoas.

Atualizados em: 14/08/2020

*modelo de apresentação de 2019

Fotografia

A fotografia ajuda a expressar ainda mais nossa identidade. Com ela, humanizamos nossos produtos e comunicações. Montamos um banco com imagens separadas por temas. A maior parte das imagens já está cortada para o uso em apresentação, redes sociais etc.

Assim como a fotografia, o banco é vivo, por isso vamos sempre mantê-lo atualizado. Nosso maior objetivo é fazer com que cada foto seja facilmente identificada como Loggi trazendo uma atmosfera única à nossa identidade.

Atualizado em: 14/08/2020

Uso das imagens

Termos de uso

Nossas regras e condições de uso das imagens estão disponíveis para consulta. Quero saber mais.

Não corte a cabeça das pessoas nas imagens.

Não corte as imagens nas juntas dos corpos, como pescoços, braços e joelhos.

Não deixe a imagem muito escura (baixa exposição).

Não gire ou estique as imagens.

Não foque só no entregador se a imagem tiver mais pessoas.

Não deixe a imagem ficar muito clara (alta exposição)

Mantenha evidente a ação principal entre os personagens.

Foque no cliente.

Mantenha as cores da Loggi e evite aplicar filtros.

Mantenha em destaque as ações espontâneas das pessoas.

Quando usar fotos de Loggers, priorize as que evidenciam o ambiente de trabalho.

Fotos com mais de uma pessoa devem ser priorizadas.

As cores, assim como o logo, são elementos vitais de identificação da nossa marca — mas nem tudo é o azul.

Conheça as paletas de cores e como usá-las para deixar acessível e legível tudo o que for criar.

Nossas cores

Cores
prioritárias

Aplicando corretamente

Saiba como usar as proporções corretas das cores na seção abaixo.

COR AZUL LOGGI

RGB - 0 186 255

CMYK - 75 0 5 0

HEX - #00baff

PMS - 306C Pantone

Suvinil - Curaçau Blue

COR BRANCA

RGB - 255 255 255

CMYK - 0 0 0 0

HEX - #ffffff

PMS - White

COR PRETA

RGB - 0 0 0

CMYK - 91 79 62 97

HEX - #000000

PMS - Black 6C

Proporções
das cores

Cores de fundo

#ffffff

Cor da marca e destaques

#00baff

Cor do texto

#000000

#000000

Variações de cor de fundo

Entendendo
as proporções:

Priorize sempre o fundo branco e texto na cor preta em seus documentos, planilhas, apresentações etc.

Se necessário, você também pode utilizar o fundo preto ou cinza-escuro com o texto na cor branca.

Use o azul somente para a marca e em pequenos destaques, como no exemplo acima.

Assim, você garante que seus textos sejam mais fáceis de ler.

Cores de alerta
e sinalização

Aplicando corretamente

Para garantir a acessibilidade, essas cores devem estar sempre acompanhadas de outros elementos que facilitem a compreensão, como textos e/ou ícones.

COR VERMELHA

RGB -204 0 20

HEX - #CC0014

COR VERDE

RGB - 0 132 73

HEX - #008449

COR AMARELA

RGB - 255 221 0

HEX - #FFDD00

Escala
de cinza

Aplicando corretamente

Só devem ser usado em marcadores, barras, plano de fundo, sombras e contornos.

CINZA 40

RGB - 51 51 51

HEX - #333333

CINZA 30

RGB - 128 128 128

HEX - #808080

CINZA 20

RGB - 204 204 204

HEX - #cccccc

CINZA 10

RGB - 250 250 250

HEX - #fafafa

Tipografia

A tipografia, ou fonte, utilizada na Loggi se chama Montserrat. Você pode aplicá-la em todos os seus materiais digitais e impressos.

Aa

Organização do texto

Os textos devem manter uma hierarquia nas informações. Dessa forma, fica mais fácil de entendê-los.

O título deve ter sempre um tamanho maior do que o corpo do texto. Caso tenha mais de um título, estabeleça uma prioridade de tamanho entre eles. Se optar por usar um título em negrito (bold), não se esqueça que o corpo do texto deve ser mantido de forma regular.

Aplicando corretamente

Para ver boas práticas de organização do texto, vá até a seção Modelos.

Título 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dolor augue, egestas sit amet arcu vitae, tincidunt molestie massa.

Título 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dolor augue, egestas sit amet arcu vitae, tincidunt molestie massa.

Título 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dolor augue, egestas sit amet arcu vitae, tincidunt molestie massa.

Título 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dolor augue, egestas sit amet arcu vitae, tincidunt molestie massa.

Ícones

Pela semelhança com os objetos que representam, ajudam a dar contexto à escrita que os acompanha.

Também disponibilizamos um banco de ícones separados por categorias: compras online, produtos, farmácia, logística etc.

Atualizado em: 08/09/2020

Área
de proteção

Aplicando corretamente

Cada ícone, de qualquer formato, vem acompanhado de margem de segurança. Essa área deve ser respeitada em todas aplicações.

Redução
e ampliação

Aplicando corretamente

Além da área de proteção, os ícones é preciso estar atento ao tamanho mínimo, sendo assim, os ícones não devem ser reduzidos em menos de 24 x 24 pixels.

Ampliação

máxima

500px

Redução

máxima

24px

260px

64px

Exemplos
de aplicação

Aplicando corretamente

Além da área de proteção, os ícones é preciso estar atento ao tamanho mínimo, sendo assim, os ícones não devem ser reduzidos em menos de 24 x 24 pixels.

Grids

O logotipo é um ativo vital para todas as marcas, projetado para reduzir o ruído visual com vozes claras e fortes que refletem suas atividades e valor.

Aqui você encontrará regras de aplicação em produtos como: camisetas, squeeze, adesivos e etc. Compartilhe esse link com os fornecedores.

Normas técnicas

Atualizado em: 05/08/2020

Conheça a loggi.com

© Loggi 2020

Manual da marca