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.
Formação preferencial:
-
Branco -
Ardósia 50
Formação preferencial:
Formação preferencial:
-
Branco -
Ardósia 50
Formação preferencial:
Formação preferencial:
Formação preferencial:
-
Branco -
Ardósia 50
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
-
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
Usado como o plano de fundo escuro padrão.
Primário 800 Primário 950 -
Gradiente mais escuro
Usado como um plano de fundo escuro alternativo.
Primário 900 Primário 950 -
Gradiente roxo
Usado como um plano de fundo escuro alternativo.
Primário 500 Primário 800
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
As cores se aplicam a fundos claros, salvo indicação em contrário. As cores que mudam no modo escuro apresentam seu equivalente no modo escuro.
Geral
-
Ardósia 800
A cor padrão do texto para títulos, rótulos, texto em destaque e estados ativos.
Modo escuro: Branco -
Ardósia 600
Texto do corpo ou texto de menor importância.
Modo escuro: Ardósia 300 -
Ardósia 500
Texto de espaço reservado, selos neutros, texto do menu secundário e guias inativas em fundos escuros.
-
Ardósia 300
Guias inativas.
Modo escuro: Ardósia 500 -
Branco
Títulos, rótulos, texto em destaque e estados ativos em fundos escuros.
-
Primário 500
Cor de destaque para links de texto, itens de navegação ativos e determinados subtítulos.
-
Primário 200
Texto do corpo ou texto de menor importância em fundos com gradiente escuro.
Status
-
Vermelho 500
Mensagens de erro e selos de perigo.
-
Amarelo 500
Selos de alerta.
-
Verde 500
Mensagens de sucesso e selos.
-
Azul 500
Selos informativos.
Adicionais
-
Ardósia 400
Itens de navegação inativos no modo escuro e preços riscados.
-
Ardósia 200
Código embutido e estados de hover da navegação no modo escuro.
-
Primário 700
Estados de hover dos links de texto.
Modo escuro: Primário 300 -
Primário 400
Rótulos de seção em fundos escuros e links em dicas de ferramenta.
-
Primário 300
Links no rodapé, citações e preços riscados em fundos escuros.
-
Primário 800
Texto das caixas de destaque padrão.
Modo escuro: Primário 300 -
Azul 800
Texto das caixas de destaque informativas.
Modo escuro: Azul 300 -
Verde 800
Texto das caixas de destaque de sucesso.
Modo escuro: Verde 300 -
Vermelho 700
Texto das caixas de destaque de perigo e mensagens de erro embutidas.
Modo escuro: Vermelho 300 -
Amarelo 600
Mensagens de aviso embutidas.
-
Verde 600
Marcadores com sinal de visto e rótulos positivos.