# フレン・E・ルスタリオ 1st LIVE “smilE” 〜帝国からハッピーをおとどけ〜｜イベント / ライブのWebデザイン参考

> 背景がずっと観覧車とメリーゴーラウンド。にじさんじ・フレン・E・ルスタリオの1st LIVE特設サイト「smilE」は、遊園地のシルエットに赤い飾り枠とRyeの見出しを重ね、事務的な情報まで看板のように見せている。

- URL: https://www.nijisanji.jp/events/furen_smilE/
- 解説ページ: https://katapick.com/sites/furen-1st-live-smile
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: VTuber・ソロライブ（にじさんじ）
- テイスト: イラスト、レトロ、固定ナビ、ロングページ、レッド基調
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 16 時間）

## 編集部のひとこと（Pip）
え、入場特典はまだ「COMINGSOON」なのに、その枠にまで観覧車と気球を描いてるの優しすぎる！！空欄のはずの場所まで遊園地で、発表をワクワクしながら待てちゃう！！

## デザインの見どころ
- 背景一面に観覧車と木馬のシルエット。抽選案内のような長い文章を読んでいても、園内にいる気分が続く
- 各見出しは跳ね馬と唐草の飾り枠で開く。章が変わるたびに、アトラクションの門をくぐる
- 申込ボタンは矢印の飾りが付いたチケット形。長い抽選案内の中でも、押す場所がすぐわかる

## 配色
- #fff5f0 Cotton Candy（背景）
- #fad2db Carousel Pink（遊園地シルエット）
- #d2dcf0 Lilac Mist（コンテンツ枠の背景）
- #cd1e0a Circus Red（ナビ・見出し・飾り罫・ラベル）
- #ffe9c8 Ticket Cream（ボタン・名前札）
- #000000 Ink（本文）

## フォント
- ナビ・英字見出し・日付: Rye（代替: Rye）
- 本文・和文見出し: Noto Sans JP（代替: Noto Sans JP）
- アイコン: Material Symbols Outlined（代替: Material Symbols Outlined）

## よくある質問
### フレン・E・ルスタリオ 1st LIVE「smilE」の特設サイトで使われているフォントは？
ナビや英字見出しに Rye、本文に Noto Sans JP、アイコンに Material Symbols Outlined が使われています。いずれも Google Fonts で無料で使えます。

### 遊園地のような世界観をWebサイトで出すには？
観覧車やメリーゴーラウンドなどのモチーフを淡い単色のシルエットにして背景に敷き、赤い飾り罫や唐草の見出し枠、チケット形のボタンなど、UIパーツにも同じ意匠を持ち込むと統一感が出ます。

### このサイトはどんな構成？
KVのあと、ABOUT、CAST、TICKET、DISCOGRAPHY、GOODS、ATTENTION、CONTACT の順に縦1カラムで並ぶ構成です。上部の英字ナビが固定表示されています。

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