# HIMEHINA Cover ALBUM「ヒメヒナウタミタ参」特設サイト｜VTuber / 配信者のWebデザイン参考

> カートに乗った2人の絵が、そのまま看板。HIMEHINAのカバーアルバム『ヒメヒナウタミタ参』特設サイトは、お菓子とメガホンを抱えた2人のイラストを全面に置き、発売告知・商品・収録曲・シェアだけの短い1ページに絞っている。

- URL: https://spc.himehina.jp/utamita3/
- 解説ページ: https://katapick.com/sites/himehina-utamita-3
- カテゴリ: VTuber / 配信者 / 地域: 国内（JP）/ 業種: VTuber・音楽（カバーアルバム）
- テイスト: イラスト、ビビッド、マーキー、固定ナビ、角丸
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 16 時間）

## 編集部のひとこと（Bruno）
予約開始日と発売日を、タイトルのすぐ下に並べてるんだよね。いつ買えて、いつ届くかが商品カードより先にわかる。そのあと豪華盤と通常盤を比べる流れ。これはうまい。

## デザインの見どころ
- FV直下に黒地の電光掲示板風ティッカーで発売日を流す。絵を邪魔せず、日付だけは確実に目に入る
- ナビはTOP・RELEASE・TRACK LIST・SHAREの4つ。予約して、曲を知って、広める順番そのまま
- 曲番号は黄色で大きく、未発表曲は「XXXXX」の伏せ字。発売までの楽しみを、リストに残している

## 配色
- #f9e75c Lemon Yellow（セクション背景 / フッター）
- #0c2a24 Deep Teal（テキスト / トラックリスト背景）
- #ff2e9d Hot Pink（アクセント）
- #c6ff3d Lime Signal（ティッカーの文字）
- #ffd21e Marigold（曲番号 / 予約ボタン）
- #ffffff White（背景）

## フォント
- 本文・商品情報: M PLUS Rounded 1c（代替: M PLUS Rounded 1c）
- ティッカーのドット文字: DotGothic16（代替: DotGothic16）
- 英字見出し・ナビ: Unbounded（代替: Unbounded）

## よくある質問
### ヒメヒナウタミタ参の特設サイトのフォントは？
本文に M PLUS Rounded 1c、ティッカーのドット文字に DotGothic16、英字見出しとナビに Unbounded が使われています。いずれも Google Fonts で無料で利用できます。

### ヒメヒナウタミタ参の特設サイトはどんな構成？
キービジュアルとティッカーのあと、タイトルと発売日、RELEASE（豪華盤・通常盤）、TRACK LIST、SHARE の順に並ぶ1ページ構成です。

### どんな業種の参考になる？
VTuberやアーティストのアルバム・シングルの特設サイト、予約受付を目的とした商品LPの参考になります。

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