Manual
da marca

Beta

Última atualização: 08/04/2021

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.

Materiais impressos

Materiais digitais

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.

Modelo de apresentação

Modelo de Documentos

Atualizados em: 08/04/2021

Novo

Modelos

Os modelos facilitam a criação de documentos no nosso dia a dia e garantem que, ao compartilhá-los, nossa identidade de marca seja mantida, dentro e fora da empresa.

Modelo de apresentação

O modelo de apresentação é bem prático e voltado para as necessidades mais recorrentes na hora de criar slides. Ele fica disponível no Google Slides, você pode criar uma cópia e alterar textos e elementos conforme sua necessidade.

A gente também preparou um Guia com mais detalhes de como organizar e criar elementos na sua apresentação, são boas práticas e diretrizes de marca para usar em diversas situações.

Atualizados em: 02/09/2021

Usar o modelo de apresentação

Acessar o Guia de apresentações

Modelo de documento

Aqui você encontra nosso modelo para criar documentos na Loggi. Ele fica disponível em Google Docs, é só criar uma cópia e usar sempre que precisar.

Atualizados em: 02/09/2021

Usar o modelo de documento

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.

Banco de imagens

Imagem com várias pessoas representando as frentes de diversidade cultural

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.

Enquadramento fotográfico que corta a cabeça das pessoas nas imagens.

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

Enquadramento fotográfico que corta as imagens nas juntas dos corpos, como pescoços, braços e joelhos.

Edição que deixa a imagem muito escura.

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).

Edição que deixa imagem muito clara.

Enquadramento fotográfico com foco só no entregador.

Edição que deixa e imagem distorcida ou inclinada.

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)

Entregador com a jaqueta da Loggi entregando pacotes para uma mulher em frente à porta da sua casa.

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

Entregador com a jaqueta da Loggi recebendo pacotes das mãos de uma mulher que está em um balcão de restaurante.

Foque no cliente.

Entregador com a jaqueta da Loggi entregando um pacote para uma mulher na calçada em frente a sua casa.

Mantenha as cores da Loggi e evite aplicar filtros.

Três pessoas que trabalham na Loggi sentadas em bancos do terraço do escritório sorrindo em um momento de descontração.

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

Três pessoas que trabalham na Loggi sentadas em bancos do terraço do escritório sorrindo em um momento de descontração.

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

Fotos com mais de uma pessoa devem ser priorizadas.

Três pessoas que trabalham na Loggi sentadas em bancos do terraço do escritório sorrindo em um momento de descontração.

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.

Banco de ícones

Atualizado em: 15/05/2021

Á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