Kit de marca

Kit de marca de SSP

Logotipos, colores y directrices oficiales de SSP Wallet y SSP Key. Úsalos en artículos, integraciones, listados de exchanges y proveedores, y vídeos.

SVG es el formato de origen de todos los logotipos. Usa SVG siempre que puedas y PNG solo cuando no sea posible usar un vector.

¿Vas a mostrar SSP junto a otros proveedores?

Usa el icono redondo ámbar. Se distingue bien incluso a tamaño de avatar en listas de swaps, carteras y exchanges.

Símbolo

Los tres pilares solos, para cuando el espacio es demasiado pequeño o demasiado cuadrado para el logotipo completo.

Símbolo: Para fondo oscuro

Para fondo oscuro

Fondos oscuros (predeterminado)

Símbolo: Para fondo claro

Para fondo claro

Fondos claros

Símbolo: Negro

Negro

SSP Amber e impresión a una tinta

Símbolo: Blanco

Blanco

Fotos y fondos recargados o de color

Los archivos PNG miden 1024 px de alto y tienen fondo transparente.

Icono

El símbolo sobre un fondo de color sólido, para avatares, listas de proveedores y carteras, iconos de apps y perfiles sociales. El ámbar es la opción predeterminada. El oscuro o el claro funcionan cuando el ámbar no encaja con tu interfaz.

Recomendado para listas de proveedoresIcono: Redondo, Ámbar

Redondo · Ámbar

Icono: Redondo, Oscuro

Redondo · Oscuro

Icono: Redondo, Claro

Redondo · Claro

Icono: Cuadrado, Ámbar

Cuadrado · Ámbar

Icono: Cuadrado, Oscuro

Cuadrado · Oscuro

Icono: Cuadrado, Claro

Cuadrado · Claro

Icono de la app SSP Key

Icono de la app SSP Key

La app móvil SSP Key tiene su propio icono. Úsalo solo cuando hagas referencia a la app móvil.

PNG 512

Colores

La gama de ámbar procede de los pilares del símbolo. Haz clic en cualquier valor para copiarlo.

SSP Amber

Color principal de la marca: botones, resaltados, acentos

Ámbar claro

Pilar central del símbolo

Ámbar intenso

Pilar izquierdo del símbolo, estados hover

Ámbar de acción

Llamadas a la acción, final del degradado en marketing

Grafito

Pilar derecho y logotipo tipográfico sobre fondos claros

Noche

Fondos y superficies oscuros

Blanco

Pilar derecho y logotipo tipográfico sobre fondos oscuros

Aa
Aa

El texto y los iconos sobre SSP Amber son siempre negros, nunca blancos.

Tipografía

Dos fuentes gratuitas de Google Fonts: Montserrat para los títulos e Inter para todo lo demás.

Montserrat

Títulos y textos destacados · Pesos 600 · 700 · 800

Dos claves. Una cartera.

Obtener en Google Fonts

Inter

Texto e interfaz · Pesos 400 · 500 · 600 · 700

Cada transacción necesita la firma de tu navegador y la de tu teléfono, así que un solo dispositivo robado no puede mover tus fondos.

Obtener en Google Fonts

Ambas son gratuitas bajo la SIL Open Font License. El logotipo tipográfico de SSP es un rotulado personalizado, no una fuente, así que usa siempre los archivos del logotipo y nunca lo recrees escribiéndolo con una fuente.

Uso

Área de respeto

Deja alrededor del logotipo un espacio libre igual a x, el ancho de un pilar. Dentro de él no puede haber texto, bordes ni otros gráficos.

Logotipo

Digital: 96 px de ancho

Impresión: 25 mm de ancho

Símbolo

Digital: 16 px de alto

Impresión: 5 mm de alto

Icono

Digital: 24 px

Impresión: 8 mm

Tamaños mínimos

Por debajo de estos tamaños, los pilares se confunden entre sí. Usa el símbolo o el icono cuando haya poco espacio.

Usos correctos e incorrectos

Correcto

Usa la versión para fondo oscuro sobre fondos oscuros y la versión para fondo claro sobre fondos claros.

Correcto

Usa el logotipo negro sobre SSP Amber y el logotipo blanco sobre fotos o colores recargados.

Incorrecto

No estires, aplastes ni recortes el logotipo.

Incorrecto

No gires el logotipo.

Incorrecto

No cambies los colores de los pilares ni añadas degradados.

Incorrecto

No añadas contornos, resplandores ni sombras.

Incorrecto

No reduzcas el contraste ni apliques el logotipo con opacidad reducida.

SSP
Incorrecto

No recrees el logotipo tipográfico con una fuente, no muevas el símbolo ni cambies el espaciado.

No uses archivos de baja resolución. Usa el SVG o un PNG de tamaño igual o mayor al de visualización.

Cómo escribir el nombre

  • SSP se escribe siempre en mayúsculas, nunca Ssp ni S.S.P.
  • Los productos son SSP Wallet (extensión de navegador) y SSP Key (app móvil). Escribe ambas palabras con mayúscula inicial.

Eslogan

Secure. Simple. Powerful.

Descripción en una línea

SSP es una auténtica cartera cripto multifirma 2 de 2: una clave en tu navegador y otra en tu teléfono.

Imágenes de producto

Imágenes de marketing con saldos de demostración, listas para artículos y listados.

Banners

Banners

Banner de SSP Wallet de 1400×560 y mosaico de 440×280, banner de SSP Key de 1024×500.

Explorar en GitHub
Paneles de SSP Wallet

Paneles de SSP Wallet

Cinco paneles de funciones, 1280×800.

Explorar en GitHub
Paneles de SSP Key

Paneles de SSP Key

Seis paneles de funciones, 1290×2796, en formato vertical de teléfono.

Explorar en GitHub