ブランドガイドライン

SoundCampaignの見た目、響き、雰囲気

SoundCampaignブランドを代表するすべての人のための、色、書体、ロゴ使用、ボイスに関するリファレンスです。社内はもちろん、パートナーの方にもご活用いただけます。

カラー

パレット

ほぼ黒のキャンバスに、視認性の高いグリーンのアクセントをひとつだけ。それ以外の色はすべて、表面や文字の階調です。

背景

#000000 · --background

ページの深い基調色

サーフェス

#121212 · --surface

ヒーローグラデーション、フッター、メインカード

サーフェス2

#1c1c1c · --surface-2

浮き出たカード、FAQ行、統計

サーフェス3

#262626 · --surface-3

ホバー状態、インセットパネル

CTA

#ffffff · --cta

Primary action buttons

CTA Hover

#d9d9d9 · --cta-hover

Button hover / pressed state

ブランド

#00e676 · --brand

メインCTA、リンク、ハイライト

ブランドダーク

#00c464 · --brand-dark

CTAのホバー・押下状態

ゴールド

#ffce00 · --gold

Trustpilotの星、評価のアクセント

フォアグラウンド

#ffffff · --foreground

見出し、本文テキスト

ミュート

#b3b3b3 · --muted

補足・サブテキスト

タイポグラフィ

書体の組み合わせ

見出しの個性はSwitzerが担い、Interは本文とUIをすっきり読みやすく保ちます。

ディスプレイ / 見出し

Aa Bb Cc

Switzer · 400–900

サイト全体のすべての見出し、セクションタイトル、統計数値に使用。Spotifyの自社書体に通じる、ニュートラルなジオメトリック・グロテスクです。

本文 / UI

Aa Bb Cc

Inter · 400–700

本文、フォームラベル、ボタン、ナビゲーションに使用。ダーク背景の小さいサイズでも読みやすいよう最適化されています。

ロゴ

ロゴの使用

ワードマークは常に余白を確保し、背景に対して読みやすさを保つ必要があります。

フルロックアップ、ダーク背景用

SVG PNG

フルロックアップ、ライト背景用

SVG PNG

アイコンマークのみ、アバターやファビコン用

SVG PNG

ロゴキット一式をダウンロード

背景とのコントラスト

正しい例: 黒または白の上のアイコン。誤った例: ブランドグリーンやレッドの背景の上のアイコン。

ロックアップとカラー

正しい例: 黒または白の上のフル2トーンワードマーク。誤った例: 単語をひとつだけ切り出したり、衝突する背景の上で色を変えたりすること。

✓

ロゴの周囲には、マークの高さ以上の余白をすべての辺に確保してください。

✓

黒または白の背景では、フルカラーのワードマークを使用してください。

アイコンをブランドグリーン、レッド、その他の彩度の高い色の上に配置しないでください。

ワードマークを単語ひとつに切り詰めないでください。

ワードマークの色を変えたり、回転させたり、引き伸ばしたり、ドロップシャドウを付けたりしないでください。

別の書体でロゴを再現しないでください。常にオリジナルファイルを使用してください。

ボイス&トーン

私たちの伝え方

メールでも、広告でも、ランディングページでも、SoundCampaignのボイスは一貫しています。

率直

言いたいことをそのまま伝えます。ある機能がアーティストの時間やお金を節約するなら、その内容を正確に伝えます。

誠実

偽の再生数、ボット、掲載保証を約束することは決してありません。何かに限界がある場合は、そう伝えます。

アーティストによる、アーティストのための

企業のプロモーション窓口のようにではなく、ミュージシャンが別のミュージシャンに話しかけるように書きます。

背中を押す、押し売りしない

自信を持って温かく、決して押しつけがましくありません。私たちは単に販売を成立させるのではなく、アーティストの次のリリースを応援しています。