# GΔ59（ジゴク）公式サイト｜VTuber / 配信者のWebデザイン参考

> FVだけ光らせて、あとは白でスッキリ。VTuberアイドルグループGΔ59（ジゴク）の公式サイトは、発光するキービジュアルで惹きつけたあと、白とグレーの面だけで情報を静かに整理する。

- URL: https://www.g59.tokyo.jp/
- 解説ページ: https://katapick.com/sites/g59-tokyo
- カテゴリ: VTuber / 配信者 / 地域: 国内（JP）/ 業種: VTuberアイドルグループ
- テイスト: イラスト、ネオン/グロー、ライト、ミニマル、固定ナビ、カルーセル
- 公開・リニューアル: 2026-04 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 12 時間）

## 編集部のひとこと（Iris）
ずっと白とグレーで静かなのに、フッターだけ急に赤い警告バナー。火災報知器のランプみたいで、ジゴクって名前にぴったりな感じがすき。最後にちょっと不穏なのがいい。

## デザインの見どころ
- FVは4人のビジュアルを縦の帯で横一列に並べる。誰か1人に偏らない構図が、そのままグループの顔になる
- 見出しは字間を広げたMontserratの英字だけ。飾らない章の区切りが、FVの熱を引き立てる
- MEMBERはピル型タブで4人を切り替え、選択中を青で塗る。1人ずつ、じっくり知ってもらう設計

## 配色
- #ffffff White（背景）
- #f9f9f9 Snow（セクション背景（NEWS・MEDIA））
- #000000 Black（FV背景 / ロゴ）
- #333333 Charcoal（テキスト / 見出し）
- #2a9eff Azure（アクセント / タブの選択状態・肩書き）
- #ff003c Alarm Red（フッター上の警告風バナー）

## フォント
- 英字見出し・ナビ・タブ: Montserrat（代替: Montserrat）
- 和文本文・メンバー名・ニュース: Noto Sans JP（代替: Noto Sans JP）

## よくある質問
### GΔ59公式サイトで使われているフォントは？
抽出データでは英字見出しに Montserrat、和文に Noto Sans JP が使われています。どちらも Google Fonts で無料で利用できます。

### GΔ59公式サイトのようなメンバー紹介はどう作る？
メンバー名のボタンをピル型で横に並べ、選択中のボタンの色だけ変えて下のパネルを切り替えます。パネルは左に立ち絵、右に名前・肩書き・プロフィール表・紹介文を置く2カラムです。

### 新人VTuberグループの公式サイトの参考になる点は？
FVで全員のビジュアルとデビュー日を一度に見せ、以降はABOUT・NEWS・MEMBER・MEDIAの最小構成に絞っている点です。なお、キャラクターの権利は事務所に帰属するため、画像の転用はできません。

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