# VSPO! SHOWDOWN 2026 powered by RAGE｜イベント / ライブのWebデザイン参考

> 11の章が、左の紫ナビでいつでも全部見えてる。ぶいすぽっ！の対抗戦イベント「VSPO! SHOWDOWN 2026」の特設サイトは、紫の固定サイドナビで、情報量の多い大型イベントを迷わせずに読ませる。

- URL: https://rage-esports.jp/2026/vsposhowdown/
- 解説ページ: https://katapick.com/sites/vspo-showdown-2026
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: VTuber・eスポーツイベント
- テイスト: ダーク、イラスト、固定ナビ、セリフ体
- 公開・リニューアル: 2026-01 / Katapick掲載: 2026-09-23 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 20 時間）

## 編集部のひとこと（Pip）
チケット情報、画像のバナーで見せたあとに同じ内容をテキストの表でも書いてくれてるの優しすぎる！！画像が読みにくい人も、日程をメモしたい人も救われる。これは神対応。

## デザインの見どころ
- 幅180pxの紫のサイドナビを左に固定。チケットにも日程にも、どこからでも一手で飛べる
- 英字見出しはGloockのセリフ体。eスポーツの熱狂を、あえて格式のある書体で受け止める
- 対戦カードは「VS」構図のバナーで縦に並べる。表ではなく、対決の絵として予定を読ませる

## 配色
- #000000 Black（背景）
- #ffffff White（テキスト / 見出し）
- #19173e Deep Indigo（セクション背景）
- #7d16e9 Electric Violet（サイドナビ（上端）/ アクセント）
- #5e1895 Grape（サイドナビ（下端）/ グラデーション）

## フォント
- 和文本文・表組み: Noto Sans JP（代替: Noto Sans JP）
- 英字見出し・ナビ: Gloock（代替: Gloock）
- キャッチコピー・リード: Shippori Mincho（代替: Shippori Mincho）

## よくある質問
### VSPO! SHOWDOWN 2026のサイトで使われているフォントは？
英字見出しとナビに Gloock、キャッチコピーに Shippori Mincho、本文と表に Noto Sans JP が使われています。3書体とも Google Fonts で無料で使えます。

### VTuber×eスポーツのイベントLPを作るには？
集合絵のキービジュアルで出演者の多さを伝え、開催概要・アクセス・チケット・対戦カード・スケジュール・グッズ・配信情報をセクションに分けて並べるのが基本です。項目が多いため、PCでは固定のサイドナビ、SPではハンバーガーメニューで各セクションへ飛べるようにします。

### VSPO! SHOWDOWNのデザインはどんな業種の参考になる？
eスポーツ大会、ゲーム・配信者のオフラインイベント、フェスなど、出演者やタイムテーブル、チケット情報が多い大型イベントの告知サイトの参考になります。

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