# DENSETSU.EXE｜VTuber / 配信者のWebデザイン参考

> 00年代の個人ホームページを、本気でやってる。VTuberアイドルユニットDENSETSU.EXEの公式サイトは、水玉の壁紙とハート付きのドット文字ナビ、青い下線リンクのニュース欄で、懐かしいWebの作法を個性にしている。

- URL: https://densetsu.moe/
- 解説ページ: https://katapick.com/sites/densetsu-exe
- カテゴリ: VTuber / 配信者 / 地域: 海外（US）/ 業種: VTuberアイドルユニット
- テイスト: レトロ、イラスト、ビビッド
- 公開・リニューアル: 2026-01 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 1/5（目安 8 時間）

## 編集部のひとこと（Pip）
え、待って、ニュースの見出しの横にRSSアイコンまであるの！？そこまで再現するの本気すぎる！！しかもリリースや出演告知がずらっと日付順に並んでて、推しの近況がここだけで追えるの助かる、神。

## デザインの見どころ
- ニュースは日付と青い下線リンクを1行ずつ並べるだけ。飾りを削った素の一覧が、かえって当時っぽい
- 左の列はメンバーごとのYouTubeボタン。推しのチャンネルへ、トップから1クリックで飛べる
- ナビはドット文字に♥を添え、外部リンクには↗を付ける。サイトの外へ出る先を先に知らせる

## 配色
- #f52e9d Bubblegum Pink（ナビ帯）
- #ffc8e8 Pastel Pink（見出し帯 / 背景グラデーション）
- #ffffff White（背景）
- #044c9f Link Blue（リンク）
- #e62117 YouTube Red（YouTubeボタン）
- #000000 Black（テキスト）

## フォント
- 本文・ニュース: Noto Sans JP Variable（代替: Noto Sans JP）
- ナビ・見出しのドット文字: Tiny5（代替: Tiny5）
- 絵文字: SerenityOS Emoji（代替: Noto Emoji）

## よくある質問
### DENSETSU.EXEのサイトのフォントは？
本文に Noto Sans JP、ナビや見出しのドット文字に Tiny5、絵文字に SerenityOS Emoji が使われています。Noto Sans JP と Tiny5 は Google Fonts で無料で利用できます。

### DENSETSU.EXEのようなレトロなホームページ風デザインはどう作る？
中央寄せの固定幅レイアウト、水玉やチェックの繰り返し背景、ドットフォントのナビ、青い下線リンクのニュース一覧を組み合わせると、00年代の個人サイトらしい雰囲気になります。

### どんな業種の参考になる？
アイドルやVTuberのユニット公式サイト、ファンサイト、レトロなネット文化をテーマにしたブランドサイトの参考になります。

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