Guia da marca
Utilizando o logotipo
Logotipos
- Certifique-se de deixar espaço suficiente ao redor dos elementos da marca Swimlane para que fiquem claros e sem poluição visual. Use sempre os elementos da marca em um tamanho legível.
- Utilize o logotipo da Swimlane somente em fundos brancos ou escuros. Nunca use cinza claro ou qualquer outra cor vibrante da nossa paleta de cores.
- Utilize a versão inline do logotipo na maioria das situações. A versão empilhada pode ser usada quando o logotipo for o foco principal, geralmente sem nenhuma mensagem adicional ou quando a mensagem estiver distante do logotipo.
O que NÃO fazer com logotipos
Não altere o logotipo. Evite os seguintes erros comuns.
Não se estique
Não utilize escala ou palavras independentemente.
Não faça contornos
Não adicione nenhum tipo de efeito, como brilho ou sombra projetada.
Não utilize nenhuma cor além das cores primárias da marca.
Não posicione em ângulo.
Não aplique padrões
Não utilize o logotipo em branco puro.
- Não combine o nome ou os logotipos da Swimlane, ou qualquer parte deles, com qualquer outro logotipo, nome de empresa, marca ou termo. Não edite, modifique, distorça, gire ou altere as cores dos logotipos de forma alguma.
- Não utilize apenas o símbolo "S"; o logotipo deve sempre aparecer como marca e tipografia. A única exceção a essa regra seria um padrão sutil ou um efeito de fundo, mas seu uso não deve entrar em conflito com a mensagem principal nem sobrepor-se ao restante do design.
- Não utilize logotipos coloridos em fotografias, a menos que o logotipo esteja sobre uma área escura ou branca da imagem.
- Não utilize o logotipo sem o símbolo “S”. O logotipo deve sempre aparecer com ambos os elementos.
- Não coloque o logotipo sobre um fundo estampado, nem adicione qualquer tipo de efeito, como brilho ou sombra projetada.
Fornecer autorização
Deixe espaço suficiente ao redor dos elementos da marca Swimlane para que fiquem nítidos e sem poluição visual. Sempre utilize os elementos da marca em um tamanho legível.
Especificação de cores
Abaixo está a paleta de cores oficial da Swimlane. Evite desviar-se deste conjunto principal de cores. A paleta de cores da marca deve ser usada de forma a transmitir uma sensação de vivacidade, mantendo o equilíbrio entre claro e escuro. Geralmente, o azul-marinho ou o branco devem ser usados em fundos e áreas preenchidas, com cores mais brilhantes contrastantes para criar interesse visual. Lochmara e Azure também podem ser usados em áreas preenchidas, quando apropriado e não entrarem em conflito com outros elementos ou mensagens da marca.
Paleta de cores (Passe o cursor para copiar os valores hexadecimais)
#007AFF
RGB
0,122,255
CMYK
100,52,0,0
#000743
RGB
0,7,67
CMYK
100,90,0,74
#FF3366
RGB
255,51,102
CMYK
0,80,60,0
#0FB0F4
RGB
15,176,244
CMYK
94,28,0,4
#39CCCC
RGB
57,204,204
CMYK
72,0,0,20
#131724
RGB
19,23,36
CMYK
47,36,0,86
#646F79
RGB
100,111,121
CMYK
17,8,0,53
#C6D1DB
RGB
198,209,219
CMYK
10,5,0,14
#EEF4FA
RGB
238,244,250
CMYK
5,2,0,2
#FFFFFF
RGB
255,255,255
CMYK
0,0,0,0
Gradientes (Passe o cursor para copiar os valores CSS)
75 graus
#FF3366 | #007AFF |
#39CCCC
95 graus
#000743 | #007AFF |
#0FB0F4 | #39CCCC
RADIAL
#000A59 | #03139A |
#007AFF
93 graus
#007AFF | #0FB0F4 |
#39CCCC
LINEAR
#FF3366 | #007AFF |
#39CCCC
Tipo de letra principal
Para tudo que não esteja dentro de um produto, usamos a fonte do Google. DM Sans.
DM Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()?+
