剣持刀也リアルソロライブ【虚空狂宴】

1. 01

   グローバルナビ

   上部中央に紫の枠で囲んだ英字ナビ（TOP〜CONTACT）を固定。SPではハンバーガーに集約。

2. 02

   KV

   紫の雷雲を背景に、左に筆文字ロゴ「虚空狂宴」と「2026.10.11 Sun. K-Arena Yokohama」、右にスポットライトと稲妻に包まれた剣持刀也のイラスト。

3. 03

   ABOUT

   黒いパネルに TITLE・SCHEDULE・STAGE のラベルを字間広めで置き、ルビ付きの公演名、日時、会場を中央揃えで並べる。

4. 04

   CAST・GUEST

   立ち絵とプロフィール文、ゲスト3名の正方形アイコンと YouTube・X へのリンク。

5. 05

   TICKET

   席種と料金、入場特典の画像に続き、ミニアルバムのシリアル先行から一般販売・見切れ席・リセールまでの受付を枠ごとに並べる。

6. 06

   LIVE VIEWING

   料金と受付、入場特典、公開劇場リストや注意事項のアコーディオン、海外ライブビューイングの案内。

7. 07

   DISCOGRAPHY・GOODS

   1st Mini Album「Augment」のジャケットと発売情報、グッズの一覧。

8. 08

   FAN CLUB〜CONTACT

   FC特典、その他の案内、注意事項、問い合わせを同じ黒いパネルで続け、フッターで締める。

• ナビは上部に固定し、各セクションのIDへページ内リンクでジャンプする構成
• 黒いパネルの縁を紫に発光させている。box-shadow を色と広がりを変えて複数重ねると再現可能
• 「ABOUT」などの英字見出しは、インクがにじんだような質感。画像か、SVG の feTurbulence フィルターで再現可能
• 公開劇場リストや注意事項は開閉式のアコーディオンで、情報量の多さを抑えている。details / summary で実装できる

スクロールのコマ撮り200–2000ms

検出された技術:Google FontsAdobe Fonts

• 01背景とパネルの黒を分け、パネルの縁だけを紫に光らせて情報面を浮かせる
• 02色は紫の濃淡に絞り、見出しをラベンダー、本文を白にして暗い画面でも読みやすくする
• 03チケットの受付は1枠1販売にし、受付期間とボタンの位置を揃える
• 04英字のナビと日付はコンデンス体、和文は Zen Kaku Gothic New と役割を分ける

1---
2title: "剣持刀也リアルソロライブ【虚空狂宴】 デザイン分析書"
3source: https://www.nijisanji.jp/events/kenmochi_fes/
4katapick: https://katapick.com/sites/kenmochi-kokuu-kyouen
5category: イベント / ライブ
6region: 国内 (JP)
7tags: [ダーク, イラスト, ネオン/グロー, 固定ナビ, ロングページ]
8launched: 2026-05
9verified: 2026-10-26
10measured: 2026-09-26 (Chromium 1440x900)
11difficulty: 2/5
12generator: Katapick
13---
14 
15# 剣持刀也リアルソロライブ【虚空狂宴】 — デザイン分析書
16 
17> 紫の稲妻とスポットライトで、FVからもう本番。にじさんじ剣持刀也のリアルソロライブ「虚空狂宴」の特設サイトは、雷雲と筆文字ロゴのKVから黒いパネルへ情報を積み、開演前の緊張を最後まで切らさない。
18 
19このファイルは Katapick（https://katapick.com）が作成した、デザインを学び・参考にするための仕様書です。
20数値は推測ではなく、実ブラウザで描画した状態から計測した実測値です（2026-09-26 計測）。そのまま Claude Code / Cursor / v0 などのAIコーディングツールに渡せます。
21AIっぽさ（紫のグラデーション、同じ形の3列カードなど）を消すルールと、盗作を避けるための指示も入っています。
22