# NIJISANJI EN 5th ANNIVERSARY｜イベント / ライブのWebデザイン参考

> 手書きメッセージのカードで、FVがぎっしり。NIJISANJI ENの5周年特設サイトは、手書きメッセージ入りのタグ型カードをFVに敷き詰め、ファンへの感謝を物量で差し出している。

- URL: https://www.nijisanji.jp/events/en_5th_anniversary/
- 解説ページ: https://katapick.com/sites/nijisanji-en-5th-anniversary
- カテゴリ: イベント / ライブ / 地域: 海外（US）/ 業種: VTuber事務所（海外ブランチ）
- テイスト: ビビッド、イラスト、周年、手書き文字、グリッド
- 公開・リニューアル: 2026-05 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 24 時間）

## 編集部のひとこと（Pip）
え、待って、ロゴの「5」だけ多色なの気づいた？周年の数字だけこっそりカラフルとか、かわいすぎる！！あとCOMING SOONの「?」枠、続報待ちのワクワクが止まらない。

## デザインの見どころ
- 画面幅いっぱいのロゴの下に、タグ型カードを4段びっしり。枚数の多さが、感謝の厚みに変わる
- カードは4色と、波形・ギザギザなど異なる輪郭。同じ形を並べないから、壁が単調にならない
- MESSAGE・CONTENTS・MERCHのパネルを左右交互に。番号と「NEXT」が、次の一歩を案内し続ける

## 配色
- #e6e6ed Pale Lavender Gray（背景）
- #ff7360 Coral（CONTENTS パネル / カード）
- #feaf50 Tangerine（MESSAGE パネル / カード）
- #8095ff Periwinkle（MERCH パネル / カード）
- #72c3a2 Mint Green（カード（スクショから採色））
- #2a2a34 Ink（テキスト / ロゴ / ボタン）

## フォント
- セクション見出し・ボタン・ラベル: Clash Display（代替: Space Grotesk）
- タグライン「All our thanks…」。画像またはSVGの可能性がある: セリフ体（書体名は抽出データになし）（代替: Fraunces）

## よくある質問
### NIJISANJI EN 5周年サイトのフォントは？
抽出データで確認できるのは見出しやボタンの Clash Display（Fontshare の無料フォント）のみです。ロゴとタグラインは画像またはSVGと思われます。Google Fonts で近づけるなら Space Grotesk とセリフ体の Fraunces の組み合わせが使えます。

### カードを壁一面に敷き詰めた背景はどう作る？
カード画像を CSS Grid で等間隔に並べ、段ごとに横位置をずらすと敷き詰め感が出ます。背景を position: fixed にして、その上に情報パネルを重ねてスクロールさせると同じ構成になります。

### このサイトのデザインはどんな企画の参考になる？
周年やファン感謝企画など、多数のメンバーからのメッセージを一度に見せたい特設サイトの参考になります。

### サイト内のイラストや手書きメッセージを参考資料として使ってもいい？
タレントのイラスト・メッセージ・ロゴの権利は ANYCOLOR 株式会社に帰属します。参考にするのはレイアウトや配色にとどめ、モックアップではダミー素材に差し替えてください。

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