# TVアニメ『グロウアップショウ ～ひまわりのサーカス団～』｜ブランドのWebデザイン参考

> サイト全体が、まるごとサーカス小屋。TVアニメ『グロウアップショウ ～ひまわりのサーカス団～』の公式サイトは、吊り看板のメニューや紅白の幕、テント形の映像枠で、見世物の高揚感をページの隅々まで持ち込んでいる。

- URL: https://growupshow.com/
- 解説ページ: https://katapick.com/sites/grow-up-show
- カテゴリ: ブランド / 地域: 国内（JP）/ 業種: TVアニメ公式サイト
- テイスト: ビビッド、イラスト、大胆なタイポ、マーキー、固定ナビ、ロングページ
- 公開・リニューアル: 2025-07 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 4/5（目安 40 時間）

## 編集部のひとこと（Pip）
え、待って、キャラ一覧のアイコンが全部スカラップ縁のメダルなの可愛すぎる！！推しを選ぶ操作がサーカスの入場券を選ぶみたいで上がる〜！縦書きのセリフも名乗り口上っぽくて神！

## デザインの見どころ
- メニューは吊り下げ看板、Xへの導線はリボン型の旗。UIの部品までサーカスの小道具にしている
- 映像枠はテントの幕の形、スタッフ欄はアーチ形の舞台。セクションごとに“演目”が切り替わる
- 文字色は黒ではなく深い臙脂。黄色の地でも強すぎず、古い興行ポスターの温度が残る

## 配色
- #6e1e23 Circus Maroon（見出し / テキスト）
- #ffba15 Marigold（アクセント / 面）
- #ff9d00 Tent Orange（テント背景）
- #fff9e5 Popcorn Cream（ニュース行の背景）
- #ad0003 Ringmaster Red（幕 / リボン）
- #ffffff White（背景）

## フォント
- 英字見出し: Prompt（代替: Prompt）
- 和文見出し・本文: Noto Sans JP（代替: Noto Sans JP）
- 装飾英字: Ultra（代替: Ultra）

## よくある質問
### グロウアップショウの公式サイトで使われているフォントは？
英字見出しに Prompt、和文に Noto Sans JP、装飾的な英字に Ultra が使われています。いずれも Google Fonts で無料で利用できます。

### 作品の世界観をサイトのUIに持ち込むには？
このサイトは、メニューを吊り看板、SNS導線をリボン、映像枠をテント、クレジット欄をアーチ形の舞台にしています。作品に出てくる道具や建物の形を、ボタンや枠の形に置き換えるのがポイントです。

### どんなサイトの参考になる？
アニメ・ゲームの公式サイトや舞台・イベントの特設サイトなど、作品のモチーフをUIの細部まで一貫させたいIPサイトの参考になります。素材は流用せず、構成と演出の考え方だけを取り入れてください。

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