# Advent VS Justice（hololive English 特設ページ）｜イベント / ライブのWebデザイン参考

> 公式ページを暗くしただけで、対決モード。hololive Englishの対決企画「Advent VS Justice」の特設ページは、公式サイト共通のテンプレートをダークグレーに反転させるだけで、対決の緊張感をつくっている。

- URL: https://hololive.hololivepro.com/en/special/17736/
- 解説ページ: https://katapick.com/sites/hololive-advent-vs-justice
- カテゴリ: イベント / ライブ / 地域: 海外（US）/ 業種: VTuber事務所・ストーリー企画（モーションコミック）
- テイスト: ダーク、イラスト、大胆なタイポ
- 公開・リニューアル: 2025-09 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 10 時間）

## 編集部のひとこと（Pip）
え、待って、キービジュが2グループが左右から向き合う1枚絵なの熱すぎる！！真ん中下にロゴがドンと乗ってて、どっち側の推しも一緒に探せちゃう。これは神。

## デザインの見どころ
- 背景は #292929 に反転し、ナビは白いピル型のバーへ。公式の配色を崩さず、空気だけを入れ替える
- 極太英字の見出しに、剣や本のアイコンを添える。企画説明とコミックを、記号ひとつで見分けさせる
- Comicは最新話のタイトルとあらすじから始まる。連載を追う読者を、寄り道させず続きへ運ぶ

## 配色
- #292929 Charcoal（背景）
- #ffffff White（テキスト / 見出し / ナビのバー）
- #43c5f5 Sky Blue（フッター背景 / SPメニューボタン）
- #116e9b Cerulean（グローバルナビの文字）
- #cfcfcf Light Gray（補助テキスト）

## フォント
- 本文・パンくず（英文も含む）: Yu Gothic Medium（代替: Noto Sans JP）
- 英字グローバルナビ: Brandon Grotesque（代替: Josefin Sans）

## よくある質問
### Advent VS Justice特設ページで使われているフォントは？
本文は英文も含めて游ゴシック Medium、グローバルナビは Adobe Fonts の Brandon Grotesque です。極太の英字見出しは画像と思われます。無料で近づけるなら Noto Sans JP と Josefin Sans、見出しには Dela Gothic One などの極太書体が使えます。

### 同じ公式サイトの他の特設ページとの違いは？
ヘッダー・パンくず・フッターの構成は共通で、背景をダークグレーに反転し、ナビを白いピル型のバーに収めている点が異なります。企画のトーンに合わせてテンプレートの配色だけを切り替えています。

### イラストやロゴを参考に使ってもよい？
キャラクターと企画ロゴの権利は事務所に帰属します。参考にするのはページ構成や見出しの作り方、配色までにとどめてください。

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