Logotipo
O logotipo da Emailable está disponível como um logotipo completo com a marca de palavra Emailable e como um ícone, cada um com suas próprias variantes de cores e casos de uso. Siga as diretrizes de uso abaixo.
Logotipo completo
-
Principal
A versão definitiva do logotipo do Emailable. Use em fundos claros.
Formação preferencial:
-
-
-
-
Luz
Uma variação do logotipo principal com texto em branco. Use em fundos escuros.
Formação preferencial:
-
Preto
Use em fundos claros em situações em que o uso de cores é limitado. Caso contrário, use a versão principal.
Formação preferencial:
-
-
-
-
Branco
Use em fundos escuros em situações em que o uso de cores é limitado. Caso contrário, use a versão clara.
Formação preferencial:
Ícone do logotipo
-
Principal
A versão definitiva do ícone Emailable. Use em fundos claros.
Formação preferencial:
-
-
-
-
Preto
Use em fundos claros em situações em que o uso de cores é limitado. Caso contrário, use a versão principal.
Formação preferencial:
-
-
-
-
Branco
Use em fundos escuros em situações em que o uso de cores é limitado. Caso contrário, use a versão principal.
Formação preferencial:
Faça:
-
Dê ao logotipo um amplo espaço entre ele e outros elementos ou bordas de um documento (use a letra "e" do logotipo como uma distância segura)
-
Use a variante correta dependendo do plano de fundo (veja acima)
Não faça isso:
-
Alterar o logotipo de forma não aprovada. Isso inclui, mas não se limita a: alteração de cores, transformação desproporcional, aplicação de efeitos estilísticos (ou seja, brilho, sombra, desfoque, traço etc.)
-
Coloque o logotipo em fundos nos quais seja difícil ver a marca nominativa ou qualquer uma das cores do ícone
Cores
A paleta de cores e os gradientes de fundo oficiais do Emailable usados para design/marca. Para uso de cores com tipografia, consulte Cores de fontes.
Paleta
Toque/clique em uma amostra para copiar seu código de cor HEX.
-
Primário
-
Ardósia
-
Vermelho
-
Laranja
-
Amarelo
-
Verde
-
Ciano
-
Azul
-
Fúcsia
Gradientes
Todos os gradientes são radiais e de formato circular. Suas origens estão localizadas a 20% das bordas superior e direita das formas que os contêm e se estendem diagonalmente até o canto inferior esquerdo (veja abaixo).
-
Gradiente escuro
O gradiente principal. Usado como um fundo escuro.
Paradas de cor:
-
Gradiente mais escuro
Usado como um fundo escuro suplementar para contrastar o gradiente Escuro.
Paradas de cor:
-
Gradiente roxo
Usado como um plano de fundo alternativo ou de destaque.
Paradas de cor:
Tipografia
As diretrizes oficiais de estilo de fonte e tipografia para o Emailable, incluindo pesos de fonte e uso de cores em vários elementos da interface.
Tipo de letra
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
~`!@#$%^&*()_+-=,./<>?:;'"|\{}[]
-
Regular 400
O peso padrão. Usado para texto do corpo, descrições etc.
-
Médio 500
Usado para determinados links e rótulos.
-
Semibold 600
Usado para botões, emblemas, subtítulos e determinados números.
-
Negrito 700
Usado para títulos, ênfase e estados ativos.
Cores das fontes
-
Ardósia 900
A cor padrão do texto. Usada para títulos, rótulos, texto em destaque e estados ativos. Somente para fundos claros.
-
Ardósia 700
Usado para texto de corpo ou texto com menos importância. Somente para fundos claros.
-
Ardósia 500
Usado para crachás neutros.
-
Ardósia 300
Usado para texto de espaço reservado de entrada ou estados inativos.
-
Primário 500
Usada como cor de destaque para links de texto e determinados subtítulos.
-
Primário 200
Usado para corpo de texto ou texto com menos importância. Somente para fundos escuros.
-
Vermelho 500
Usado para mensagens de perigo/erro e crachás.
-
Amarelo 500
Usado para crachás de advertência.
-
Verde 500
Usado para mensagens de sucesso e emblemas.
-
Azul 500
Usado para crachás de alerta/informativos.
-
Branco
Usado para títulos, rótulos, texto em destaque e estados ativos. Somente para fundos escuros.