Kit de Marca

Kit de Marca SSP

Logos, cores e diretrizes oficiais da SSP Wallet e do SSP Key. Use-os em artigos, integrações, listagens de exchanges e provedores, e vídeos.

O SVG é o arquivo de origem de todos os logos. Use SVG sempre que possível e PNG apenas quando um vetor não funcionar.

Vai Listar o SSP ao Lado de Outros Provedores?

Use o ícone redondo âmbar. Ele continua nítido em tamanho de avatar em listas de swap, carteiras e exchanges.

Símbolo

Apenas os três pilares, para quando o espaço for pequeno ou quadrado demais para o logo completo.

Símbolo: Para Fundo Escuro

Para Fundo Escuro

Fundos escuros (padrão)

Símbolo: Para Fundo Claro

Para Fundo Claro

Fundos claros

Símbolo: Preto

Preto

SSP Amber e impressão em uma cor

Símbolo: Branco

Branco

Fotos e fundos coloridos ou carregados

Os arquivos PNG têm 1024 px de altura e fundo transparente.

Ícone

O símbolo sobre um bloco de cor sólida, para avatares, listas de provedores e carteiras, ícones de aplicativos e perfis em redes sociais. Âmbar é o padrão. As versões escura e clara funcionam quando o âmbar destoa da sua interface.

Recomendado para listas de provedoresÍcone: Redondo, Âmbar

Redondo · Âmbar

Ícone: Redondo, Escuro

Redondo · Escuro

Ícone: Redondo, Claro

Redondo · Claro

Ícone: Quadrado, Âmbar

Quadrado · Âmbar

Ícone: Quadrado, Escuro

Quadrado · Escuro

Ícone: Quadrado, Claro

Quadrado · Claro

Ícone do Aplicativo SSP Key

Ícone do Aplicativo SSP Key

O aplicativo móvel SSP Key tem um ícone próprio. Use-o somente ao se referir ao aplicativo móvel.

PNG 512

Cores

A escala de âmbar vem dos pilares do símbolo. Clique em qualquer valor para copiá-lo.

SSP Amber

Cor principal da marca: botões, destaques, detalhes

Âmbar Claro

Pilar central do símbolo

Âmbar Intenso

Pilar esquerdo do símbolo, estados de hover

Âmbar de Ação

Chamadas para ação, final do gradiente no marketing

Grafite

Pilar direito e logotipo tipográfico em fundos claros

Noite

Fundos e superfícies escuros

Branco

Pilar direito e logotipo tipográfico em fundos escuros

Aa
Aa

Textos e ícones sobre o SSP Amber são sempre pretos, nunca brancos.

Tipografia

Duas fontes gratuitas do Google Fonts: Montserrat para títulos e Inter para todo o resto.

Montserrat

Títulos e destaques · Pesos 600 · 700 · 800

Duas chaves. Uma carteira.

Obter no Google Fonts

Inter

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

Toda transação precisa ser assinada pelo seu browser e pelo seu celular, então um único dispositivo roubado não consegue movimentar seus fundos.

Obter no Google Fonts

Ambas são gratuitas sob a SIL Open Font License. O logotipo tipográfico SSP é um lettering personalizado, não uma fonte, então use sempre os arquivos do logo e nunca o recrie digitando-o com uma fonte.

Uso

Área de Proteção

Mantenha ao redor do logo um espaço livre igual a x, a largura de um pilar. Nenhum texto, borda ou outro elemento gráfico deve entrar nessa área.

Logo

Digital: 96 px de largura

Impresso: 25 mm de largura

Símbolo

Digital: 16 px de altura

Impresso: 5 mm de altura

Ícone

Digital: 24 px

Impresso: 8 mm

Tamanhos Mínimos

Abaixo desses tamanhos, os pilares se fundem. Use o símbolo ou o ícone quando o espaço for limitado.

O Que Fazer e o Que Evitar

Faça

Use a versão para fundo escuro em fundos escuros e a versão para fundo claro em fundos claros.

Faça

Use o logo preto sobre o SSP Amber e o logo branco sobre fotos ou cores carregadas.

Não Faça

Não estique, achate nem corte o logo.

Não Faça

Não gire o logo.

Não Faça

Não altere as cores dos pilares nem adicione gradientes.

Não Faça

Não adicione contornos, brilhos nem sombras.

Não Faça

Não reduza o contraste nem aplique o logo com opacidade reduzida.

SSP
Não Faça

Não recrie o logotipo tipográfico com uma fonte, não mova o símbolo nem altere o espaçamento.

Não use arquivos de baixa resolução. Use o SVG ou um PNG com tamanho igual ou maior que o de exibição.

Como Escrever o Nome

  • SSP é sempre escrito em maiúsculas, nunca Ssp ou S.S.P.
  • Os produtos são a SSP Wallet (extensão de browser) e o SSP Key (aplicativo móvel). Use inicial maiúscula nas duas palavras.

Slogan

Secure. Simple. Powerful.

Descrição em Uma Linha

O SSP é uma verdadeira carteira cripto multisig 2-de-2: uma chave no seu browser e outra no seu celular.

Imagens do Produto

Imagens de marketing com saldos de demonstração, prontas para artigos e listagens.

Banners

Banners

Banner da SSP Wallet de 1400×560 e bloco promocional de 440×280, banner do SSP Key de 1024×500.

Explorar no GitHub
Painéis da SSP Wallet

Painéis da SSP Wallet

Cinco painéis de recursos, 1280×800.

Explorar no GitHub
Painéis do SSP Key

Painéis do SSP Key

Seis painéis de recursos, 1290×2796, celular na vertical.

Explorar no GitHub