# hololive SUPER EXPO 2026 & hololive 7th fes. Ridin' on Dreams｜イベント / ライブのWebデザイン参考

> EXPOとfes.を色で分けて、どっちの話か迷わない。ホロライブの展示とライブの合同特設サイト「hololive SUPER EXPO 2026 & 7th fes.」は、EXPOをシアン、fes.をグリーンに染め分けている。

- URL: https://hololivesuperexpo.hololivepro.com/2026/
- 解説ページ: https://katapick.com/sites/hololive-super-expo-2026
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: VTuberイベント・ライブ（ホロライブプロダクション）
- テイスト: ビビッド、マーキー、固定CTA、固定ナビ、カルーセル
- 公開・リニューアル: 2025-12 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 28 時間）

## 編集部のひとこと（Pip）
え、待って、右下のTICKETバッジがずっとついてくるの神すぎる！！どこまでスクロールしても「チケットどこ？」ってならないの、行く気満々のオタクには本当に助かる…！

## デザインの見どころ
- FVの写真にドット加工をかけ、LEDビジョン越しの会場に見せる。字間を空けた英字が電光表示のように並ぶ
- タブ、ボタン、会場ラベル、ニュースのタグまで色分けを徹底。どちらの話か、色だけで判別できる
- 黒い見出しバーの端に、ティッカー帯と同じドットのグラデーション。細部の反復がFVの熱を全体に配る

## 配色
- #ffffff White（背景）
- #000000 Black（FV・見出しバー・フッター背景 / テキスト）
- #00bbff Expo Cyan（EXPO のボタン・ラベル / グラデーション始点）
- #47d256 Fes Green（7th fes. のボタン・ラベル）
- #b5e22d Lime（ティッカー・ボタンのグラデーション終点（スクショから採色））
- #9b54cc Violet（SPECIAL / MERCH / TICKET のカード（スクショから採色））

## フォント
- 見出し・ナビ・本文: Plus Jakarta Sans（代替: Plus Jakarta Sans）
- ティッカー・ラベルの字間の広い英字: Lexend Zetta（代替: Lexend Zetta）

## よくある質問
### hololive SUPER EXPO 2026 特設サイトのフォントは？
見出しや本文に Plus Jakarta Sans、ティッカーなど字間の広い英字に Lexend Zetta が使われています。どちらも Google Fonts で無料で使えます。

### 2つのイベントを1つの特設サイトでまとめるコツは？
イベントごとにテーマカラーを決め、ナビのタブ・ボタン・日付や会場のラベルまで同じ色で塗り分けることです。このサイトでは EXPO をシアン、7th fes. をグリーンにしています。

### このサイトのデザインはどんな企画の参考になる？
複数日程・複数会場のフェスや展示会、ライブと物販を同時に告知する大型イベントの特設サイトの参考になります。

### サイト内のタレント画像やロゴを参考資料として使ってもいい？
タレントのイラスト・写真やロゴの権利はカバー株式会社に帰属します。参考にするのは構成や配色にとどめ、モックアップではダミー画像に差し替えてください。

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