# TOKYOカルチャーデビュー｜LPのWebデザイン参考

> 文化施設のかたい感じを、カラフルな色でゆるめてる。こどもと文化施設をつなぐ東京のポータル「TOKYOカルチャーデビュー」は、黄・緑・青の植物形シェイプと吹き出し見出しで、敷居の高さをFVでほどいている。

- URL: https://tokyo-culture-debut.rekibun.or.jp/
- 解説ページ: https://katapick.com/sites/tokyo-culture-debut
- カテゴリ: LP / 地域: 国内（JP）/ 業種: 文化事業・こども向け文化体験
- テイスト: イラスト、ビビッド、角丸、マーキー、固定CTA、ライト
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 20 時間）

## 編集部のひとこと（Iris）
告知のところだけ黄色い背景で、境目が波みたいにゆれてるのがすき。卵焼きみたいにあったかい黄色だから、お知らせなのに急かされる感じがしないの。

## デザインの見どころ
- 丸ゴシックの見出しを白い角丸枠で囲み、吹き出しに。行政の告知ではなく、話しかける声として届く
- 「#やってみよう」などのハッシュタグが横に流れる。何があるかより先に、やりたい気持ちを動かす
- イベント欄の先頭は「条件からさがす」と今週末・募集中のボタン。眺める段階から、行ける日探しへ一歩で移れる

## 配色
- #e2e2db Warm Gray（背景）
- #363636 Charcoal（テキスト・ボタン）
- #008714 Leaf Green（アクセント / 絞り込みボタン・ラベル）
- #ffd200 Sun Yellow（アクセント / 告知セクション背景）
- #008ed0 Sky Blue（シェイプ・セクション背景（スクショから採色））
- #ffffff White（見出し枠・カード背景）

## フォント
- 本文・ボタン・日付: Gen Interface JP（代替: Noto Sans JP）
- 見出し: Zen Maru Gothic（代替: Zen Maru Gothic）
- 英字ラベル: Nunito（代替: Nunito）

## よくある質問
### TOKYOカルチャーデビューのサイトで使われているフォントは？
見出しに Zen Maru Gothic、本文に Gen Interface JP、英字ラベルに Nunito が使われています。Gen Interface JP の代わりには Noto Sans JP が使いやすく、ほかの2書体は Google Fonts で無料で使えます。

### こども向けで親しみやすい配色にするには？
黄・緑・青などはっきりした色を大きな面で使い、背景は温かいグレーにして目の疲れを抑える方法が参考になります。文字は黒に近いグレーで、色面の上では白い枠に入れて読みやすさを確保しています。

### TOKYOカルチャーデビューのデザインはどんな業種の参考になる？
自治体や文化施設のイベントポータル、親子向けの体験プログラム、教育系キャンペーンなど、多数のイベント情報を楽しい雰囲気で探してもらいたいサイトの参考になります。

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