# Takanashi Kiara / Ninomae Ina’nis 1st Concert “Drawn to Dawn”｜イベント / ライブのWebデザイン参考

> 画面の左右で、朝焼けと夜空に分かれてる。KiaraとIna'nisの1st Concert特設サイト「Drawn to Dawn」は、背景をオレンジと藍色で二分し、最後に二人の色を白い円へ溶かしていく。

- URL: https://drawn-to-dawn.hololivepro.com/
- 解説ページ: https://katapick.com/sites/kiara-ina-drawn-to-dawn
- カテゴリ: イベント / ライブ / 地域: 海外（US）/ 業種: VTuber・コンサート（hololive English）
- テイスト: イラスト、セリフ体、ビビッド、ロングページ、固定CTA
- 公開・リニューアル: 2025-11 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 24 時間）

## 編集部のひとこと（Iris）
オレンジ側はあったかい焚き火、藍色側はひんやりした夜の湖みたいで、色の温度差がそのまま二人の性格っぽいのがすき。つなぎ役の金色がどっちにもなじむのもいい。

## デザインの見どころ
- 背景を中央で縦に割り、左はオレンジ、右は藍色。どのセクションでも二人の並びが崩れない
- オープニングは漆黒に太陽と月の線画。ロゴを暗がりに沈め、二人の象徴を先に見せる
- 締めは二人それぞれの詩のあと、白い円に金の斜体で「new story.」。分割がここで一つになる

## 配色
- #0b0b0b Midnight Ink（オープニング・公演情報の背景）
- #ff895d Dawn Orange（左半分の背景（Kiara側））
- #2a2350 Dusk Indigo（右半分の背景（Ina側））
- #a37941 Antique Gold（装飾ライン・日付ラベル・詩の文字）
- #ffffff Daybreak White（カード・見出し文字・締めの円）

## フォント
- 見出し・詩（斜体）: Playfair Display（代替: Playfair Display）
- 日付・時刻などの数字: Red Rose（代替: Red Rose）
- 本文・ニュース: ヒラギノ角ゴ Pro（代替: Noto Sans JP）

## よくある質問
### Drawn to Dawnの特設サイトで使われているフォントは？
見出しや詩に Playfair Display、日付などの数字に Red Rose、本文にヒラギノ角ゴ Pro が使われています。Playfair Display と Red Rose は Google Fonts で無料で使え、和文は Noto Sans JP で代替できます。

### 二人組のライブサイトで、二人を平等に見せるには？
このサイトのように背景を中央で2色に分け、KVやタレントカードも左右対称に並べると、どのセクションでも二人の比重が揃います。イメージカラーを背景そのものに使うのがポイントです。

### Drawn to Dawnの特設サイトはどんな構成？
オープニングとKVのあと、公演情報、News、Merch、Digital Message Board、Music、Video、Talent と続き、最後に二人の詩で締める構成です。MENUとTicketのボタンは右端に固定されています。

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