# VOLTACTION 2nd LIVE “EVOLVE”｜イベント / ライブのWebデザイン参考

> 黒い画面に、4人の衣装の色だけが灯ってる。にじさんじのユニットVOLTACTIONの2nd LIVE「EVOLVE」特設サイトは、黒地に細い英字と4人の色だけを置き、ライブとアルバムの情報を1本の暗いページにまとめている。

- URL: https://www.nijisanji.jp/events/voltaction_evolve/
- 解説ページ: https://katapick.com/sites/voltaction-evolve
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: VTuber・ライブイベント
- テイスト: ダーク、イラスト、固定ナビ、マーキー、ロングページ
- 公開・リニューアル: 2026-07 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 32 時間）

## 編集部のひとこと（Leo）
KVの奥、光の扉へ歩いていく4人のシルエットがいるの！手前の4人と対になってて、まさに“進化”の前と後っぽい。ライブのオープニング映像みたいで、見つけた瞬間に鳥肌！

## デザインの見どころ
- 左端の「CONTENTS」は白帯の目次を常に表示。長いページでも、チケットや注意事項へ一手で飛べる
- 「CAST CAST CAST」と見出しを繰り返し、先頭だけ白く残りを沈める。章の入口が残響のように響く
- チケットは受付ごとにカードを分け、日時を等幅の数字で揃える。いつ何をすべきかを見比べられる

## 配色
- #000000 Black（背景）
- #1b1c1d Charcoal（パネル / カード背景）
- #31343a Slate（ボタン / タグ）
- #007aff Electric Blue（ラベル / アクセント）
- #ffe0c5 Peach Glow（日時テキスト）
- #ffffff White（テキスト）

## フォント
- 英字見出し・ナビ: TT Travels Next（代替: Lexend Exa）
- 和文・本文: IBM Plex Sans JP（代替: IBM Plex Sans JP）
- 日時: DM Mono（代替: DM Mono）

## よくある質問
### VOLTACTION 2nd LIVE「EVOLVE」の特設サイトのフォントは？
英字見出しとナビに TT Travels Next、和文と本文に IBM Plex Sans JP、日時に DM Mono が使われています。TT Travels Next は有料なので、無料なら Lexend Exa などの幅広のジオメトリック体で代替できます。

### VOLTACTION 2nd LIVEの特設サイトはどんな構成？
キービジュアルのあと、ABOUT（公演名・日時・会場）、CAST、TICKET、DISCOGRAPHY、ATTENTION の順に章が並び、左端の CONTENTS からいつでも各章へ移動できる構成です。

### どんな業種の参考になる？
VTuberやアーティストのライブ特設サイト、アルバムと公演を一緒に告知するキャンペーンページの参考になります。

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