# あおぎり高校 入学祭2026！ ～『好き』なことしかしたくない！～｜イベント / ライブのWebデザイン参考

> 告知ページなのに、まるごと学校行事ノリ。あおぎり高校の単独イベント「入学祭2026」のLPは、校舎と桜、黒板風パネルで設定を貫き、画面下の切替タブで2公演のどちらにも一手で届かせる。

- URL: https://vhs-city.com/aogirihighschool/entrancefest2026-ev/
- 解説ページ: https://katapick.com/sites/aogiri-entrancefest-2026
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: VTuberグループ・オフラインイベント
- テイスト: イラスト、ライト、角丸、固定ナビ、固定CTA、ロングページ
- 公開・リニューアル: 2026-02 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 28 時間）

## 編集部のひとこと（Bruno）
概要、チケット、アンケート、グッズ、注意事項って、来場までにファンがやることの順番そのままなんだよね。目次がそのまま準備リストになってる。これはうまい。

## デザインの見どころ
- 画面下に「入学祭／後夜祭」の切替タブを固定。いまどちらの公演を見ているかが、常にはっきりする
- 概要は木枠と画鋲で留めた黒板パネルに。日程や会場という硬い情報まで、学校の設定に溶け込ませる
- ナビ項目の上に「UP」「NEW」の小さなバッジ。再訪したファンが、更新箇所へ真っ直ぐ向かえる

## 配色
- #ffffff White（コンテンツパネル背景）
- #d4ecff Pale Sky（ページ背景のグラデーション）
- #346744 Blackboard Green（イベント概要の黒板パネル）
- #2988f4 School Blue（購入ボタン / 選択中のタブ）
- #031428 Night Navy（下部の切替タブバー）
- #5aff45 Lime Glow（後夜祭側のアイコン・文字）

## フォント
- 見出し・本文・ナビ: VDL V7ゴシック（VDL-V7Gothic）（代替: Zen Kaku Gothic New）
- 切替タブ・ボタン: M PLUS 1（代替: M PLUS 1）

## よくある質問
### あおぎり高校 入学祭2026特設サイトで使われているフォントは？
抽出データでは本文と見出しに VDL V7ゴシック、タブやボタンに M PLUS 1 が使われています。V7ゴシックの代わりに無料で使うなら Zen Kaku Gothic New が近い印象です。

### 2公演あるイベントの告知ページはどう構成すればいい？
このサイトのように、画面下に公演の切替タブを固定し、選択中の公演を色と吹き出しで示すと、ページを行き来しても迷いにくくなります。各公演のページは同じ構成（概要・チケット・グッズ・注意事項）に揃えます。

### このサイトのキャラクター画像を参考資料として使ってよい？
キャラクターやキービジュアルの権利は所属事務所に帰属します。レイアウトや配色の研究に留め、画像そのものを使用することは避けてください。

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