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.
Logotipo completo
-
Principal
La versión definitiva del logotipo Emailable. Utilícelo sobre fondos claros.
Formación preferente:
-
-
-
-
Luz
Una variación del logotipo principal con texto en blanco. Utilícelo sobre fondos oscuros.
Formación preferente:
-
Negro
Utilícela sobre fondos claros en situaciones en las que el uso del color sea limitado. De lo contrario, utilice la versión principal.
Formación preferente:
-
-
-
-
Blanco
Utilícela sobre fondos oscuros en situaciones en las que el uso del color sea limitado. De lo contrario, utilice la versión clara.
Formación preferente:
Icono del logotipo
-
Principal
La versión definitiva del icono emailable. Utilícelo en fondos claros.
Formación preferente:
-
-
-
-
Negro
Utilícela sobre fondos claros en situaciones en las que el uso del color sea limitado. De lo contrario, utilice la versión principal.
Formación preferente:
-
-
-
-
Blanco
Utilícela sobre fondos oscuros en situaciones en las que el uso del color sea limitado. De lo contrario, utilice la versión principal.
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
Pulse o haga clic en una muestra para copiar su código de color HEX.
-
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
El degradado principal. Se utiliza como fondo oscuro.
Paradas de color:
-
Gradiente más oscuro
Se utiliza como fondo oscuro suplementario para contrastar el degradado Oscuro.
Paradas de color:
-
Violeta degradado
Se utiliza como fondo alternativo o de acento.
Paradas de color:
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.