メインコンテンツまでスキップ

Nihonbuzz カラーパレット

カラーパレットは Nihonbuzz のビジュアルアイデンティティにおいて重要な要素です。ブランドの認知度を高めるため、すべてのデザインで一貫して使用します。

メインカラー​

メインカラーは、公式デザインの基本として使用してください。

カラー名HEXコードRGB用途
Nihonbuzz レッド#DA0037218, 0, 55ロゴ、メインボタン、アクセント
ブラック#1A1A1A26, 26, 26メインテキスト、背景、ダークロゴ
ホワイト#FFFFFF255, 255, 255明るいテキスト、クリーンな背景

セカンダリーカラー​

デザインの柔軟性を高めるために、グラフィックや背景に使用します。

カラー名HEXコードRGB用途
ライトグレー#F5F5F5245, 245, 245明るい背景、仕切り線
ダークグレー#44444468, 68, 68補助テキスト、アイコン
ディープレッド#8B001E139, 0, 30ハイライト、バッジ、強調要素

使用例​

メインカラーとセカンダリーカラーを組み合わせて、統一感のあるデザインを作成しましょう。

/* CSS使用例 */
.color-primary {
  background-color: #DA0037;
  color: #FFFFFF;
}

.color-secondary {
  background-color: #F5F5F5;
  color: #1A1A1A;
}

使用ガイドライン​

  • ブランドらしさを出すためにメインカラーを基本に使いましょう。
  • 背景とテキストのコントラストを十分に確保してください。
  • 1つの画面でメインカラーを使いすぎないように注意しましょう。

ASE（Adobe Swatch Exchange）形式やその他のカラーコードが必要な場合は、support@nihonbuzz.org までご連絡ください。