# KAMITSUBAKI WARS 2026 神椿横浜決戦｜イベント / ライブのWebデザイン参考

> トップは、DAY-1とDAY-2の2択だけ。KAMITSUBAKI STUDIOのライブ「KAMITSUBAKI WARS 2026 神椿横浜決戦」の特設サイトは、黒地に2公演のKVを並べ、見たい日を最初に選ばせる。

- URL: https://yokohamawars2026.kamitsubaki.jp/
- 解説ページ: https://katapick.com/sites/kamitsubaki-wars-2026
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: バーチャルアーティストのライブイベント
- テイスト: ダーク、大胆なタイポ、イラスト、ミニマル
- 公開・リニューアル: 2025-10 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 8 時間）

## 編集部のひとこと（Leo）
タイトルの英字、ところどころ切れ目が入ってて、ステンシルで壁に吹き付けた旗印みたい！副題の太い明朝がズシッと効いて、開演前のSEが聞こえてきそう！鳥肌！！

## デザインの見どころ
- 2公演のKVを左右に並べ、それぞれを入口のボタンにする。説明を読ませる前に、見たい日を選ばせる
- DAY-1のアートには横浜の街並みが入る。「横浜決戦」の舞台を、イラストの背景そのもので示す
- SPでは公演ロゴとDAY表記を半透明の枠にまとめる。縦に積んでも、どこを押せばいいか迷わない

## 配色
- #000000 War Black（背景）
- #ffffff Signal White（タイトル / DAY表記）
- #b32e29 Crimson Flag（KVの赤）
- #181487 Ultramarine（KVの青）
- #b8b9b6 Ash Gray（DAY-2側の淡いグラフィック）

## フォント
- タイトル「KAMITSUBAKI WARS 2026」: タイトルロゴ（ステンシル調の画像）（代替: Big Shoulders Stencil Display）
- 副題「神椿横浜決戦 in ぴあアリーナMM」: 副題の明朝体（画像）（代替: Shippori Mincho B1）
- 「DAY-1」「DAY-2」: DAY表記の太いゴシック（画像）（代替: Montserrat）

## よくある質問
### KAMITSUBAKI WARS 2026のサイトで使われているフォントは？
タイトルやDAY表記は画像として配置されていると思われ、Webフォントは使われていません。無料で近い雰囲気を出すなら、タイトルに Big Shoulders Stencil Display、副題に Shippori Mincho B1、DAY表記に Montserrat の太字がおすすめです。

### 複数公演のイベントで、トップを振り分けページにするメリットは？
公演ごとに出演者や日程、チケット情報が異なる場合、最初に日を選ばせることで、自分に関係のない情報を読まずに済みます。公演ごとのKVをそのまま入口にすると、選ぶ動作自体が期待感を高める演出にもなります。

### どんな業種の参考になる？
複数日・複数アーティストのライブ、音楽フェス、レーベル合同イベントなど、公演ごとに入口を分けたい特設サイトの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/kamitsubaki-wars-2026 からダウンロードできます。
出典: Katapick（https://katapick.com）