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.
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.
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.
2cm
100px
- materiais internos
- áreas de aplicação menores que 2 cm
- fotos de perfil em redes sociais
1cm
32px
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
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
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.
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
Cores de fundo
#ffffff
Cor da marca e destaques
#00baff
Cor do texto
#000000
#000000
Variações de cor de fundo
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.
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
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
A tipografia, ou fonte, utilizada na Loggi se chama Montserrat. Você pode aplicá-la em todos os seus materiais digitais e impressos.
Aa
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.
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
Aplicando corretamente
Cada ícone, de qualquer formato, vem acompanhado de margem de segurança. Essa área deve ser respeitada em todas aplicações.
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
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.
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.
Atualizado em: 05/08/2020