ブランドキット

SSP ブランドキット

SSP Wallet と SSP Key の公式ロゴ、カラー、ガイドラインです。記事、インテグレーション、取引所やプロバイダーの掲載ページ、動画でご利用ください。

すべてのロゴは SVG が元データです。できる限り SVG を使用し、ベクター形式が使えない場合にのみ PNG をご利用ください。

他のプロバイダーと並べて SSP を掲載しますか?

アンバーの円形アイコンをご利用ください。スワップ、ウォレット、取引所の一覧でアバターサイズに縮小しても鮮明に表示されます。

シンボル

3 本の柱だけのシンボルです。スペースが小さすぎる場合や、正方形に近くフルロゴが収まらない場合にご利用ください。

シンボル: 暗い背景用

暗い背景用

暗い背景 (デフォルト)

シンボル: 明るい背景用

明るい背景用

明るい背景

シンボル: ブラック

ブラック

SSP Amber の背景と単色印刷

シンボル: ホワイト

ホワイト

写真、複雑な背景や色付きの背景

PNG ファイルは高さ 1024 px、背景は透過です。

アイコン

塗りつぶしのタイルにシンボルを配置したもので、アバター、プロバイダーやウォレットの一覧、アプリタイル、SNS プロフィールに使用します。デフォルトはアンバーです。アンバーが UI と合わない場合は、ダークまたはライトをご利用ください。

プロバイダー一覧におすすめアイコン: 円形, アンバー

円形 · アンバー

アイコン: 円形, ダーク

円形 · ダーク

アイコン: 円形, ライト

円形 · ライト

アイコン: 正方形, アンバー

正方形 · アンバー

アイコン: 正方形, ダーク

正方形 · ダーク

アイコン: 正方形, ライト

正方形 · ライト

SSP Key アプリアイコン

SSP Key アプリアイコン

SSP Key モバイルアプリには専用のアイコンがあります。モバイルアプリについて言及する場合にのみ使用してください。

PNG 512

カラー

アンバー系のカラーはシンボルの柱から取られています。値をクリックするとコピーできます。

SSP Amber

メインのブランドカラー:ボタン、ハイライト、アクセント

アンバーライト

シンボルの中央の柱

アンバーディープ

シンボルの左の柱、ホバー状態

アンバーアクション

CTA、マーケティング素材のグラデーションの終点

グラファイト

明るい背景での右の柱とワードマーク

ナイト

暗い背景とサーフェス

ホワイト

暗い背景での右の柱とワードマーク

Aa
Aa

SSP Amber 上のテキストやアイコンは常に黒にし、白は使用しないでください。

タイポグラフィ

無料の Google Fonts を 2 種類使用しています。見出しには Montserrat、それ以外にはすべて Inter を使用します。

Montserrat

見出し・ディスプレイ · ウェイト 600 · 700 · 800

2 つの鍵。1 つのウォレット。

Google Fonts で入手

Inter

本文・UI · ウェイト 400 · 500 · 600 · 700

すべてのトランザクションにはブラウザとスマートフォンの両方の署名が必要なため、デバイスが 1 台盗まれても資金を動かされることはありません。

Google Fonts で入手

どちらも SIL Open Font License のもとで無料で利用できます。SSP のワードマークはフォントではなく独自にデザインされたレタリングのため、必ずロゴファイルを使用し、文字で打ち直さないでください。

使用方法

アイソレーション (余白)

ロゴの周囲には、柱 1 本分の幅である x と同じ余白を確保してください。この範囲にはテキストや紙面・画面の端、その他のグラフィックが入らないようにしてください。

ロゴ

デジタル: 幅 96 px

印刷: 幅 25 mm

シンボル

デジタル: 高さ 16 px

印刷: 高さ 5 mm

アイコン

デジタル: 24 px

印刷: 8 mm

最小サイズ

これより小さいと柱同士がつぶれて見えます。スペースが限られる場合は、シンボルまたはアイコンをご利用ください。

使用例と禁止例

OK

暗い背景には暗い背景用のロゴを、明るい背景には明るい背景用のロゴを使用してください。

OK

SSP Amber の背景にはブラックのロゴを、写真や色の多い背景にはホワイトのロゴを使用してください。

NG

ロゴを引き伸ばしたり、つぶしたり、切り取ったりしないでください。

NG

ロゴを回転させないでください。

NG

柱の色を変更したり、グラデーションを加えたりしないでください。

NG

アウトライン、光彩、ドロップシャドウを加えないでください。

NG

コントラストを下げたり、ロゴを半透明にしたりしないでください。

SSP
NG

ワードマークを文字で打ち直したり、シンボルの位置や間隔を変えたりしないでください。

低解像度のファイルは使用しないでください。SVG、または表示サイズ以上の PNG を使用してください。

名称の表記

  • SSP は常に大文字で表記します。Ssp や S.S.P. とは表記しません。
  • 製品名は SSP Wallet (ブラウザ拡張機能) と SSP Key (モバイルアプリ) です。どちらも両方の単語の頭文字を大文字にします。

タグライン

Secure. Simple. Powerful.

一文での説明

SSP は真の 2-of-2 マルチシグネチャ暗号資産ウォレットです。鍵の 1 つはブラウザに、もう 1 つはスマートフォンにあります。

製品画像

デモ残高を表示したマーケティング画像です。記事や掲載ページにそのままご利用いただけます。

バナー

バナー

SSP Wallet のバナー 1400×560 とタイル 440×280、SSP Key のバナー 1024×500。

GitHub で見る
SSP Wallet パネル

SSP Wallet パネル

機能紹介パネル 5 枚、1280×800。

GitHub で見る
SSP Key パネル

SSP Key パネル

機能紹介パネル 6 枚、1290×2796、スマートフォン縦向き。

GitHub で見る