Impact-Site-Verification: ed5c231b-ae01-4cd2-96dd-d5b9a2bcb28f
コンテンツにスキップ
スポンサーFXIFY — コードで10%オフ KEY取引を申し込む

ブランドキット — PropFirm Key

公式ブランドガイドラインとアセット。バージョン 2.0 — 2026年2月。

ロゴシステム

PropFirm Keyのロゴは鍵のシンボルと成長の矢印を組み合わせ、よりスマートなトレーディングへの鍵を表現しています。

アプリアイコン — ダーク

アプリアイコン — ダーク

アプリストア、PWA、ファビコン用のメインアイコン。ダークネイビー背景、角丸。

アイコン — 透明

アイコン — 透明

ダーク背景、オーバーレイ、編集コンテキスト向け。

アイコン — 白

アイコン — 白

ブランドカラーまたは写真背景用のモノクロバリアント。

フルロゴ — ダーク

フルロゴ — ダーク

アイコン + "PropFirm Key" テキスト + タグライン。メインのブランドロックアップ。

フルロゴ — ライト

フルロゴ — ライト

明るい/白い背景用。アイコンはブランドカラー、テキストはダークグレー。

OG画像 — ソーシャルシェア

OG画像 — ソーシャルシェア

1200 x 630px。Twitter/X、Facebook、LinkedIn、Discord用。

カラーパレット

ダークネイビーにエレクトリックインディゴ — Bloomberg端末の美学にインスパイアされたプレミアムフィンテックアイデンティティ。

ブランドカラー

プライマリ
エレクトリックインディゴ
HEX: #D4AF37
RGB: 212, 175, 55
HSL: 46, 63%, 52%
プライマリライト
ソフトインディゴ
HEX: #E9C46A
RGB: 233, 196, 106
HSL: 43, 75%, 66%
プライマリダーク
ディープインディゴ
HEX: #B8942D
RGB: 184, 148, 45
HSL: 44, 61%, 45%
アクセント
データブルー
HEX: #22D3EE
RGB: 34, 211, 238
HSL: 188, 85%, 53%

エレベーションシステム(ダークモード)

E-0 背景
ダークネイビー
HEX: #04060C
E-1 カード
カードサーフェス
HEX: #0A0E18
E-2 ポップオーバー
ポップオーバーサーフェス
HEX: #0F1520
E-3 ボーダー
ボーダー / ミュート
HEX: #151C2A
E-4 ハイライト
アクティブ / ハイライト
HEX: #1A2332

ステータスカラー

成功
HEX: #10B981
警告
HEX: #F97316
エラー
HEX: #EF4444

タイポグラフィ

3つのフォントシステム:見出し、本文、データ。すべてGoogle Fontsから。

Space Grotesk — 見出し
よりスマートなトレーディングへの鍵
最高のプロップファームを比較
ウェイト: 500, 600, 700用途: h1, h2CSS: font-heading
Inter — 本文
PropFirm Keyは、検証済みデータ、リアルレビュー、限定割引コードでプロップファームの比較をサポートします。
補足情報用のミュートされた二次テキスト
ウェイト: 400, 500, 600, 700用途: 段落、ラベル、UICSS: default body
JetBrains Mono — データ
$49,999 +12.4%
90/10 split   $399   8% max DD
ウェイト: 400, 500, 600用途: 価格、統計、パーセンテージCSS: font-dataFeature: tabular-nums

ロゴ使用ルール

一貫したブランド表現のためのガイドライン。

最小クリアスペース

1x クリアスペースLogo clearspace

ロゴの全周囲に鍵のボウの高さと同等の最小クリアスペースを確保してください。

最小サイズ:24 x 24px(アイコン)、幅120px(ロゴ)。

すべきこと・すべきでないこと

すべきこと

最大コントラストのため、ダークネイビー(#0E1525)またはより暗い背景でロゴを使用する。

すべきこと

ブランドカラー(#7B75FF)の背景では白いモノクロバリアントを使用する。

すべきこと

デフォルトのアイコン処理としてグラデーションバージョン(primary→primary-dark)を使用する。

すべきでないこと

明るい/白い背景にカラーロゴを配置しない — ダークテキストバリアントを使用する。

すべきでないこと

ロゴを回転、傾斜、歪曲させたり、エフェクトを追加しない。

すべきでないこと

ロゴの色を変更したり、アイコンをテキストから分離したり、要素を再配置しない。

アセットダウンロード

すべてのブランドアセットをすぐに使えるフォーマットで提供。

アイコン

すべてのバリアントとサイズの鍵矢印アイコン。

フルロゴ

ヘッダーやプレゼンテーション用のアイコン + テキスト。

ファビコン

ブラウザタブアイコンとPWAマニフェスト。

アプリアイコン

モバイルアプリアイコンとPWAスプラッシュスクリーン。

ソーシャル / OG

Open Graphとソーシャルメディアプレビュー画像。