ブランドガイドライン
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
本文、フォームラベル、ボタン、ナビゲーションに使用。ダーク背景の小さいサイズでも読みやすいよう最適化されています。
ロゴ
ロゴの使用
ワードマークは常に余白を確保し、背景に対して読みやすさを保つ必要があります。
背景とのコントラスト
ロックアップとカラー
ロゴの周囲には、マークの高さ以上の余白をすべての辺に確保してください。
黒または白の背景では、フルカラーのワードマークを使用してください。
アイコンをブランドグリーン、レッド、その他の彩度の高い色の上に配置しないでください。
ワードマークを単語ひとつに切り詰めないでください。
ワードマークの色を変えたり、回転させたり、引き伸ばしたり、ドロップシャドウを付けたりしないでください。
別の書体でロゴを再現しないでください。常にオリジナルファイルを使用してください。
ボイス&トーン
私たちの伝え方
メールでも、広告でも、ランディングページでも、SoundCampaignのボイスは一貫しています。
率直
言いたいことをそのまま伝えます。ある機能がアーティストの時間やお金を節約するなら、その内容を正確に伝えます。
誠実
偽の再生数、ボット、掲載保証を約束することは決してありません。何かに限界がある場合は、そう伝えます。
アーティストによる、アーティストのための
企業のプロモーション窓口のようにではなく、ミュージシャンが別のミュージシャンに話しかけるように書きます。
背中を押す、押し売りしない
自信を持って温かく、決して押しつけがましくありません。私たちは単に販売を成立させるのではなく、アーティストの次のリリースを応援しています。