# ポケモン30周年（30th）｜イベント / ライブのWebデザイン参考

> 周年サイトなのに、毎月テーマが替わって育っていく。ポケモン30周年の特設ページは、ピカチュウ入りの「30」ロゴを色のタイルで囲み、「うたう」「ねむる」などの動詞で情報を仕分けて、1年分の祝祭を1ページに束ねている。

- URL: https://www.pokemon.co.jp/30th/
- 解説ページ: https://katapick.com/sites/pokemon-30th
- カテゴリ: イベント / ライブ / 地域: 国内（JP）/ 業種: ゲーム・キャラクターIP（周年特設）
- テイスト: ビビッド、グリッド、角丸、イラスト、周年
- 公開・リニューアル: 2026-01 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 2/5（目安 16 時間）

## 編集部のひとこと（Bruno）
ニュースは全部同じカードの型で、テーマは上のピルで切り替えるだけ。1年間、毎月記事が増え続ける前提の設計なんだよね。更新する側が迷わない仕組みになってるのが、これはうまい。

## デザインの見どころ
- FVはロゴと、パステルのタイルに溶けたシルエットだけ。30年分のポケモンを主張させずに並べる
- 「今のピックアップテーマは」の一文を中央に。何度来ても、まず今月の見どころがわかる
- 絞り込みは「たべる」「でかける」など動詞のピル。商品カテゴリより、遊び方で選ばせる

## 配色
- #fee12a Pika Yellow（背景 / メインカラー）
- #ffffff White（カード / ピルボタン）
- #404248 Charcoal（テキスト）
- #e5161a Poké Red（選択中のピル / ロゴの数字）
- #c5e69a Leaf Green（タイル / テーマ文字の地）
- #b4dce0 Sky Tile（タイル / テーマ文字の地）

## フォント
- 見出し・本文: Noto Sans JP（代替: Noto Sans JP）
- 英数字（日付など）: Lato（代替: Lato）

## よくある質問
### ポケモン30周年のサイトで使われているフォントは？
和文に Noto Sans JP、英数字に Lato が使われています。どちらも Google Fonts で無料で利用できます。「30」のロゴは画像です。

### 周年サイトを1年かけて更新していくにはどんな構成がいい？
ポケモン30周年のページは、FVのロゴと案内文を固定し、「今のピックアップテーマ」と記事一覧だけを更新する構成です。記事をテーマ別のフィルターで絞り込めるので、情報が増えても迷いにくくなっています。

### どんなサイトの参考になる？
ゲーム・アニメ・キャラクターIPの周年サイト、長期キャンペーンのハブページ、月替わりの企画をまとめる特設ページの参考になります。素材は流用せず、構成と情報設計を取り入れてください。

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