桃鈴ねね 1st Live「花咲く＊ねねねねねねねね超開花！」

1. 01

   キービジュアル

   青空と虹、五線譜を駆け上がる桃鈴ねねのイラストを雲形のフレームで切り抜き、下に花で飾ったタイトルロゴ。右下に花形の「TICKET」ボタン。

2. 02

   開催概要

   「NE」を斜めに連打した背景の上にロゴ、続いて「2026.7.29 WED」と東京ガーデンシアター、会場・配信それぞれの OPEN / START 時刻を花形のラベルで添える。

3. 03

   News

   ピンク〜黄色の地に白抜きの大きな「ねね」を敷き、オレンジの角丸バーで日付とニュースを3件並べて VIEW MORE へ。

4. 04

   Merch

   「NENENE」の帯で区切ったピンクの章に、2次販売グッズの告知画像と VIEW MORE。

5. 05

   Digital MessageBoard

   水色の章に、購入から掲載までの流れを載せたデジタルメッセージボードの告知画像。

6. 06

   Album

   緑の章に、1st Album『Peachful Story』のジャケットと紹介文、1st EP『ねねねのね！』復刻盤の帯。

7. 07

   Video

   オレンジの章に、MVのサムネイルを左右に覗かせたカルーセルとドット型のページネーション。

8. 08

   Talent・Poem・フッター

   タレント紹介とポエムの章を経て、フッターで締める。

• 右端の花形の TICKET / MENU ボタンは固定表示。花びらの形は SVG か clip-path で作れる
• Video のカルーセルは Swiper。中央のスライドを大きく、左右をぼかして覗かせる設定
• 章の境目の雲のような波形は、SVG の path か mask-image で切り抜いていると思われる
• 背景の「NE」「ねね」の文字パターンは、繰り返しテキストを背景として敷いていると思われる。ゆっくり動かせばマーキーにもできる

スクロールのコマ撮り200–2400ms

検出された技術:SwiperWordPressGoogle Fonts

• 01章ごとにピンク・水色・緑・オレンジの地色を割り当て、境目を波形で切り替える
• 02英字見出しは Bagel Fat One にし、頭文字を白、残りをストライプ柄の色文字にしてリズムを付ける
• 03本文や日時は Zen Maru Gothic で統一し、丸みをキャラクターの明るさに合わせる
• 04チケットとメニューは花形の固定ボタンにして、どこからでも1タップで届くようにする

1---
2title: "桃鈴ねね 1st Live「花咲く＊ねねねねねねねね超開花！」 再現用デザイン仕様書"
3source: https://nenenenenenenene.hololivepro.com/
4katapick: https://katapick.com/sites/momosuzu-nene-1st-live
5category: イベント / ライブ
6region: 国内 (JP)
7tags: [イラスト, ビビッド, 固定CTA, カルーセル, ロングページ]
8launched: 2026-05
9verified: 2026-09-26
10measured: 2026-09-26 (Chromium 1440x900)
11difficulty: 3/5
12estimated_hours: 28
13generator: Katapick
14---
15 
16# 桃鈴ねね 1st Live「花咲く＊ねねねねねねねね超開花！」 — 再現用デザイン仕様書
17 
18> 名前の「NE」を、背景いっぱいに連打してる。ホロライブ・桃鈴ねねの1st Live「花咲く＊ねねねねねねねね超開花！」特設サイトは、青空のKVと章ごとに変わるビタミンカラーで、タイトルの底抜けな明るさをページ全体に広げている。
19 
20このファイルは Katapick（https://katapick.com）が作成した、デザインを学び・参考にするための仕様書です。
21数値は推測ではなく、実ブラウザで描画した状態から計測した実測値です（2026-09-26 計測）。そのまま Claude Code / Cursor / v0 などのAIコーディングツールに渡せます。
22