# ゲーム『ムーミン：ムーミン谷の夏まつり』｜LPのWebデザイン参考

> FVがまるごと、幕の開いた劇場の舞台。ゲーム『ムーミン：ムーミン谷の夏まつり』の公式サイトは、赤い幕と額縁で手描きの谷を囲み、見出しも飾り枠に収めて、ページ全体を“舞台を観る”体験に仕立てている。

- URL: https://game.shochiku.co.jp/lp/moomin-mm/
- 解説ページ: https://katapick.com/sites/moomin-summer-festival
- カテゴリ: LP / 地域: 国内（JP）/ 業種: ゲーム
- テイスト: イラスト、レトロ、固定CTA、ロングページ、くすみカラー
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 28 時間）

## 編集部のひとこと（Pip）
え、待って、右上にミュートボタンあるってことは音も鳴るっぽい…？幕の中の谷を眺めてると、客席で開演を待ってる気分になる。JP / EN の切り替えもあって、海外のファンにも優しいの神すぎる！！

## デザインの見どころ
- FVは赤い幕と草花で縁取った舞台。キービジュアルを額縁に入れ、客席から覗くように見せる
- ものがたりは開いた本の見開きで。左に一文と挿絵、右に紹介文。原作小説への入口が自然にできる
- Steamと2つのSwitchのボタンは固定表示。絵本のような画面でも、買う場所は見失わない

## 配色
- #d3bfa6 Driftwood Beige（ゲームの特徴セクション背景）
- #fff4d6 Parchment（本・飾り枠の紙色 / 明るい背景）
- #33612d Valley Green（ものがたり・商品情報の背景）
- #261c16 Cocoa（テキスト / 見出し）
- #9f3a3c Curtain Red（幕 / 特徴カードのラベル）
- #032957 Night Navy（Steamボタン）

## フォント
- 見出し・本文・ナビ: Zen Maru Gothic（代替: Zen Maru Gothic）

## よくある質問
### ムーミン：ムーミン谷の夏まつりのサイトで使われているフォントは？
見出し・本文ともに Zen Maru Gothic が使われています。Google Fonts で無料で利用できます。ロゴや飾り枠の文字は画像と思われます。

### 開いた本のようなレイアウトはどう作る？
見開きの本の画像を背景に敷き、左右のページ位置に合わせて2カラムのテキストを重ねます。SPでは本の画像を1ページ分に切り替えて縦に積むと読みやすくなります。

### どんな業種の参考になる？
ゲームや絵本、児童文学、舞台公演の特設サイトなど、手描きの世界観で物語に招き入れたいサイトの参考になります。キャラクターや画像は流用せず、構成と演出の考え方だけを取り入れてください。

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