Logotipo
El logotipo de Emailable está disponible como logotipo completo con la marca denominativa de Emailable y como icono, cada uno con sus propias variantes de color y casos de uso. Siga las directrices de uso que se indican a continuación.
Formación preferente:
-
Blanco -
Pizarra 50
Formación preferente:
Formación preferente:
-
Blanco -
Pizarra 50
Formación preferente:
Formación preferente:
-
Blanco -
Pizarra 50
Formación preferente:
-
Blanco -
Pizarra 50
Formación preferente:
Hazlo:
-
Deje suficiente espacio entre el logotipo y otros elementos o bordes del documento (utilice la letra "e" del logotipo como distancia de seguridad)
-
Utilice la variante correcta en función del fondo (véase más arriba)
No lo hagas:
-
Alterar el logotipo de forma no autorizada. Esto incluye, entre otras cosas: cambiar los colores, transformar desproporcionadamente, aplicar efectos estilísticos (es decir, resplandor, sombra, desenfoque, trazo, etc.)
-
Colocar el logotipo sobre fondos en los que resulte difícil ver la marca denominativa o alguno de los colores del icono
Colores
La paleta de colores oficial de Emailable y los degradados de fondo utilizados para diseño/marca. Para el uso de colores con tipografía, véase Colores de fuentes.
Paleta
-
Principal
-
Pizarra
-
Rojo
-
Naranja
-
Amarillo
-
Verde
-
Cian
-
Azul
-
Fucsia
Gradientes
Todos los degradados son radiales y circulares. Sus orígenes se sitúan a un 20% de los bordes superior y derecho de las formas que los contienen y se extienden en diagonal hasta la esquina inferior izquierda (véase más abajo).
-
Gradiente oscuro
Se utiliza como fondo oscuro estándar.
Principal 800 Principal 950 -
Gradiente más oscuro
Se utiliza como fondo oscuro alternativo.
Principal 900 Principal 950 -
Violeta degradado
Se utiliza como fondo oscuro alternativo.
Principal 500 Principal 800
Tipografía
Las directrices oficiales de estilo tipográfico para Emailable, incluidos los pesos de las fuentes y el uso de los colores en los distintos elementos de la interfaz.
Tipo de letra
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
~`!@#$%^&*()_+-=,./<>?:;'"|{}[]
-
Regular 400
El peso por defecto. Se utiliza para el cuerpo del texto, descripciones, etc.
-
Medio 500
Se utiliza para determinados enlaces y etiquetas.
-
Semibold 600
Se utiliza para botones, insignias, subtítulos y determinadas cifras.
-
Negrita 700
Se utiliza para títulos, énfasis y estados activos.
Colores de fuente
-
Pizarra 900
El color del texto por defecto. Se utiliza para encabezados, etiquetas, texto destacado y estados activos. Sólo para fondos claros.
-
Pizarra 700
Se utiliza para el cuerpo de texto o texto con menos importancia. Sólo para fondos claros.
-
Pizarra 500
Se utiliza para distintivos neutros.
-
Pizarra 300
Se utiliza para introducir texto de marcador de posición o estados inactivos.
-
Principal 500
Se utiliza como color de acento para enlaces de texto y determinados subtítulos.
-
Principal 200
Se utiliza para el cuerpo de texto o texto con menos importancia. Sólo para fondos oscuros.
-
Rojo 500
Se utiliza para mensajes de peligro/error e insignias.
-
Amarillo 500
Se utiliza para los distintivos de advertencia.
-
Verde 500
Se utiliza para mensajes de éxito e insignias.
-
Azul 500
Se utiliza para los distintivos de alerta/información.
-
Blanco
Se utiliza para encabezados, etiquetas, texto destacado y estados activos. Sólo para fondos oscuros.