Identidade
Identidade visual é todo o conjunto de símbolos, cores e expressões visuais que nos definem como únicos. A forma como nos comunicamos reflete nossa história, baseada em ajudar lojistas de todos os tamanhos a vender de forma rápida, transparente e segura. Nossa identidade visual também garante consistência, trazendo ainda mais confiança em todos os pontos de contato com a marca.
Logotipo
O logo do Melhor Envio reforça nossa identidade, utilizando uma tipografia exclusiva e uma ilustração clássica. As versões coloridas são as prioritárias na aplicação, mas existem variações que podem ser utilizadas em contextos específicos.
Logotipo
O logo do Melhor Envio levou em consideração os conceitos da Marca, utilizando uma tipografia exclusivamente criada para nossa identidade. As versões coloridas são as prioritárias na aplicação.
Versões Monocromáticas
Versões monocromáticas foram desenvolvidas para aplicação subjetiva, tanto em mídias digitais quanto gráficas.
Avatar/Favicon
Nosso ícone é a expressão visual da nossa identidade nas redes sociais, destacando a essência da nossa personalidade. Projetado para ser versátil, ele é priorizado em espaços onde a logo completa não cabe, como no caso do favicon, mantendo nossa marca reconhecível e consistente em qualquer tamanho.
Espaço Limpo
É preciso respeitar as margens invisíveis na aplicação do nosso logotipo. Não utilize objetos gráficos ou textos que invadam o espaço indicado.
Tamanhos Mínimos
O logotipo deve ser sempre legível. Nunca o utilize em tamanhos menores que o especificado.
Tamanhos Mínimos
O logotipo deve ser sempre legível. Nunca o utilize em tamanhos menores que o especificado.
Aplicações Incorretas
Alterar a cor. Deformar ou esmagar. Alongar ou usar uma fonte diferente. Adicionar contorno. Preencher com imagens. Aplicar sobre fundo que comprometa o contraste. Inclinar (somente rotações de 0° e 90° são permitidas). Aplicar gradiente como preenchimento. Modificar o espaçamento ou as proporções.
Raio da Borda
Em projetos gráficos e criação de páginas, o uso de caixas, tabelas e contêineres é bastante comum. Esses elementos não apenas contribuem para a estética, mas também ajudam a organizar o conteúdo e a guiar a atenção do usuário.
Sem borda arredondada
0 px
Arredondado leve
4 px
Arredondado médio
8 px
Arredondado grande
16 px
Completamente arredondado 9999 px
Largura da Borda
Bordas finas são ideais para divisões sutis, como em tabelas, enquanto bordas grossas () destacam seções importantes. A escolha adequada da largura ajuda a criar hierarquia visual e organização no layout.
Sem borda
0 px
Borda Fina
1 px
Borda Média
2 px
Borda Grossa
4 px
Extra Grossa
8 px
Paleta cromática
Nossa paleta cromática foi feita de forma versátil, combinando duas cores complementares: o clássico azul escuro e o irreverente amarelo mostarda. Nossas cores devem ser utilizadas de forma sólida, sem efeitos de sombreamento ou gradientes.
Mostarda Melhor Envio
CMYK: 4, 33, 87, 0
HEX: #f3b331
HSB: 40, 80, 95
RGB: 243, 179, 49
Pantone: 143 C
Azul Tema Melhor Envio
CMYK: 97, 69, 4, 0
HEX: #00519D
HSB: 209, 100, 62
RGB: 0, 81, 157
Pantone: 2945 C
Success
CMYK: 97, 69, 4, 0
HEX: #27B75D
HSB: 209, 100, 62
RGB: 39, 183, 93
Pantone: 354 C
Danger
CMYK: 0, 73, 68, 10
HEX: #E53E49
HSB: 357, 73, 90
RGB: 229, 62, 73
Pantone: 1787 C
Warning
CMYK: 0, 48, 86, 0
HEX: #FE8523
HSB: 28, 86, 100
RGB: 254, 133, 35
Pantone: 1595 C
Azul Claro
CMYK: 82, 34, 0, 16
HEX: #258FD7
HSB: 204, 82, 84
RGB: 37, 143, 215
Pantone: 2925 C
Roxo
CMYK: 78, 100, 0, 24
HEX: #3F1471
HSB: 265, 82, 44
RGB: 63, 20, 113
Pantone: 2685 C
Azul Contrastante
CMYK: 97, 69, 4, 0
HEX: #001e3a
HSB: 209, 100, 62
RGB: 0, 81, 157
Pantone: 2945 C
Cinza Azulado
CMYK: 62, 45, 40, 20
HEX: #556976
HSB: 206, 29, 46
RGB: 85, 105, 118
Pantone: 7545 C
Cinza Médio
CMYK: 54, 39, 35, 15
HEX: #697882
HSB: 208, 20, 51
RGB: 105, 120, 130
Pantone: 7544 C
Prata Melhor Envio
CMYK: 97, 69, 4, 0
HEX: #c9cedb
HSB: 209, 100, 62
RGB: 0, 81, 157
Pantone: 2945 C
Tipografia
Toda nossa comunicação acontece utilizando a fonte Lato como principal e a Univia Pro como secundária. Elas definem nosso tom e as impressões que queremos resgatar: simplicidade, clareza e modernidade.
Tipografia - Univia Pro
Frases alinhadas à esquerda.
Se o texto tiver mais de 10 palavras, provavelmente é melhor usar as variações de “Lato”.
O alinhamento preferido é sempre alinhado à esquerda.
O texto nunca deve ser hifenizado.
Manchetes
Aa
Aa
Tipografia - Lato
Usamos Lato e suas 8 variações de pesos para textos longos
Defina o entrelinhamento entre 100–110%. Exceções podem ser feitas para títulos grandes acima de 80pt em aplicativos impressos e 80px na tela. Nessas situações, o entrelinhamento conforme o tamanho do texto aumenta.
O texto nunca deve ser hifenizado.
Composição Tipográfica
Uma característica do melhor envio é o uso de títulos com uma caixa de fundo que cria contraste com o cor da fonte.
Outra característica é a aplicação de sombras nas letras do título na “Univia Pro” , realçando a visibilidade do texto.
Sempre que possível, combine duas fontes garantindo um espaçamento uniforme em todo o bloco de texto.
O texto não deve ser hifenizado e deve ser alinhado à esquerda.
Univia Pro
Lato Bold
Univia PRO
Lato Médio
Univia Pro
Lato Regular
Composição Tipográfica
Uma característica do melhor envio é o uso de títulos com uma caixa de fundo que cria contraste com o cor da fonte.
Outra característica é a aplicação de sombras nas letras do título na “Univia Pro” , realçando a visibilidade do texto.
Sempre que possível, combine duas fontes garantindo um espaçamento uniforme em todo o bloco de texto.
O texto não deve ser hifenizado e deve ser alinhado à esquerda.
Ilustração
As ilustrações utilizadas pelo Melhor Envio seguem uma linha de design vetorial flat, priorizando as cores da marca em destaque. Também buscamos valorizar a diversidade em ilustrações humanizadas. Embora as cores sejam predominantemente chapadas, gradientes podem ser usados quando necessário.
Expressões
Composição Tipográfica
Uma característica do melhor envio é o uso de títulos com uma caixa de fundo que cria contraste com o cor da fonte.
Outra característica é a aplicação de sombras nas letras do título na “Univia Pro” , realçando a visibilidade do texto.
Sempre que possível, combine duas fontes garantindo um espaçamento uniforme em todo o bloco de texto.
O texto não deve ser hifenizado e deve ser alinhado à esquerda.
Rostos
A principal característica que irá homogenizar os personagens é a consistência do traço facial (olhos de botões, nariz feito de linhas, quase sempre formando um ângulo) que devem ser respeitados. Assim, todos vão fazer parte da mesma identidade de ilustração
Expressões
Rostos
As ilustrações utilizadas pelo Melhor Envio seguem uma linha de design vetorial flat, priorizando as cores da marca em destaque. Também buscamos valorizar a diversidade em ilustrações humanizadas. Embora as cores sejam predominantemente chapadas, gradientes podem ser usados quando necessário.
Expressões
Rostos
A principal característica que irá homogenizar os personagens é a consistência do traço facial (olhos de botões, nariz feito de linhas, quase sempre formando um ângulo) que devem ser respeitados. Assim, todos vão fazer parte da mesma identidade de ilustração
Tons de pele
8C411E
c46845
#DE9755
facdab
Objetos
Mãos
Caixinha
Melhor Nível
ícones Preenchimento
ícones Outline
Redes sociais
Fotos
As imagens fotográficas são um artifício para criar empatia com o público-alvo.
Buscamos seguir um estilo de fotografia life style, ou seja, foco em pessoas e suas emoções e experiências.
Buscamos tons levemente saturados que possam ter detalhes com nossas cores em destaque e tons neutros no restante.
