Kit de marque

Kit de marque SSP

Logos, couleurs et règles d'utilisation officiels de SSP Wallet et SSP Key. Utilisez-les dans vos articles, intégrations et vidéos, ainsi que sur les fiches des plateformes d'échange et des fournisseurs.

Le SVG est le format source de chaque logo. Privilégiez le SVG autant que possible et réservez le PNG aux cas où un format vectoriel ne convient pas.

Vous affichez SSP aux côtés d'autres fournisseurs ?

Utilisez l'icône ronde ambre. Elle reste parfaitement lisible en taille d'avatar dans les listes de portefeuilles, de services de swap et de plateformes d'échange.

Symbole

Les trois piliers seuls, lorsque l'espace est trop petit ou trop carré pour le logo complet.

Symbole: Sur fond sombre

Sur fond sombre

Arrière-plans sombres (par défaut)

Symbole: Sur fond clair

Sur fond clair

Arrière-plans clairs

Symbole: Noir

Noir

SSP Amber et impression en une seule couleur

Symbole: Blanc

Blanc

Photos et arrière-plans chargés ou colorés

Les fichiers PNG font 1024 px de haut, sur fond transparent.

Icône

Le symbole sur une tuile pleine, pour les avatars, les listes de fournisseurs et de portefeuilles, les tuiles d'application et les profils sur les réseaux sociaux. L'ambre est la version par défaut. Les versions sombre ou claire conviennent lorsque l'ambre jure avec votre interface.

Recommandée pour les listes de fournisseursIcône: Cercle, Ambre

Cercle · Ambre

Icône: Cercle, Sombre

Cercle · Sombre

Icône: Cercle, Clair

Cercle · Clair

Icône: Carré, Ambre

Carré · Ambre

Icône: Carré, Sombre

Carré · Sombre

Icône: Carré, Clair

Carré · Clair

Icône de l'application SSP Key

Icône de l'application SSP Key

L'application mobile SSP Key possède sa propre icône. Utilisez-la uniquement lorsque vous faites référence à l'application mobile.

PNG 512

Couleurs

La gamme ambre est issue des piliers du symbole. Cliquez sur une valeur pour la copier.

SSP Amber

Couleur principale de la marque : boutons, mises en avant, accents

Ambre clair

Pilier central du symbole

Ambre profond

Pilier gauche du symbole, états de survol

Ambre action

Appels à l'action, fin des dégradés dans les supports marketing

Graphite

Pilier droit et logotype sur fond clair

Nuit

Arrière-plans et surfaces sombres

Blanc

Pilier droit et logotype sur fond sombre

Aa
Aa

Le texte et les icônes sur SSP Amber sont toujours noirs, jamais blancs.

Typographie

Deux polices Google Fonts gratuites : Montserrat pour les titres, Inter pour tout le reste.

Montserrat

Titres et affichage · Graisses 600 · 700 · 800

Deux clés. Un portefeuille.

Télécharger sur Google Fonts

Inter

Texte courant et interface · Graisses 400 · 500 · 600 · 700

Chaque transaction doit être signée à la fois par votre navigateur et par votre téléphone : un seul appareil volé ne suffit donc pas à déplacer vos fonds.

Télécharger sur Google Fonts

Toutes deux sont gratuites sous licence SIL Open Font License. Le logotype SSP est un lettrage sur mesure, et non une police : utilisez toujours les fichiers du logo et ne le recomposez jamais avec une police.

Utilisation

Zone de protection

Laissez autour du logo un espace libre égal à x, soit la largeur d'un pilier. Aucun texte, bord ou autre élément graphique ne doit y figurer.

Logo

Numérique: 96 px de large

Impression: 25 mm de large

Symbole

Numérique: 16 px de haut

Impression: 5 mm de haut

Icône

Numérique: 24 px

Impression: 8 mm

Tailles minimales

En dessous de ces tailles, les piliers se confondent. Utilisez le symbole ou l'icône lorsque l'espace est restreint.

À faire et à éviter

À faire

Utilisez le logo pour fond sombre sur les arrière-plans sombres et le logo pour fond clair sur les arrière-plans clairs.

À faire

Utilisez le logo noir sur SSP Amber et le logo blanc sur les photos ou les couleurs chargées.

À éviter

N'étirez pas, n'écrasez pas et ne recadrez pas le logo.

À éviter

Ne faites pas pivoter le logo.

À éviter

Ne modifiez pas les couleurs des piliers et n'ajoutez pas de dégradés.

À éviter

N'ajoutez pas de contours, de halos ni d'ombres portées.

À éviter

Ne réduisez pas le contraste et n'affichez pas le logo avec une opacité réduite.

SSP
À éviter

Ne recomposez pas le logotype, ne déplacez pas le symbole et ne modifiez pas l'espacement.

N'utilisez pas de fichiers basse résolution. Utilisez le SVG, ou un PNG de taille égale ou supérieure à la taille d'affichage.

Orthographe du nom

  • SSP s'écrit toujours en majuscules, jamais Ssp ni S.S.P.
  • Les produits s'appellent SSP Wallet (extension de navigateur) et SSP Key (application mobile). Les deux mots prennent une majuscule.

Slogan

Secure. Simple. Powerful.

Description en une phrase

SSP est un véritable portefeuille crypto multisig 2-of-2 : une clé dans votre navigateur, l'autre sur votre téléphone.

Images produit

Visuels marketing avec des soldes de démonstration, prêts à l'emploi pour vos articles et référencements.

Bannières

Bannières

Bannière SSP Wallet 1400×560 et vignette 440×280, bannière SSP Key 1024×500.

Parcourir sur GitHub
Visuels SSP Wallet

Visuels SSP Wallet

Cinq visuels de fonctionnalités, 1280×800.

Parcourir sur GitHub
Visuels SSP Key

Visuels SSP Key

Six visuels de fonctionnalités, 1290×2796, téléphone en mode portrait.

Parcourir sur GitHub