# Katapick

> Katapick（カタピック）は、毎日3件ずつ“いま”のWebデザイン参考サイトを厳選し、配色・フォント・レイアウト・再現手順まで解説するギャラリーです。公開から18か月以内のサイトだけを掲載し、海外サイトやVTuber公式サイトなどのトレンドも追いかけます。各サイトの再現用Markdown（AI実装プロンプト付き）をダウンロードできます。

- 更新: 毎日 07:00 JST（最終更新 2026-09-26）
- 掲載基準: 公開・リニューアルから18か月以内、実ブラウザで表示を確認したサイトのみ
- 掲載数: 15サイト（海外 33% / VTuber関連 4件 / ダーク基調 47%）
- 各サイトの解説ページは Markdown 版（/sites/{slug}.md）でも取得できます
- 引用時は出典として「Katapick」と解説ページのURLを記載してください

## 今日のピック（2026-09-26）
- [ホロライブプロダクション10周年特設サイト](https://katapick.com/sites/hololive-10th.md): 主役はキャラじゃなくて、カウントダウンの数字。ホロライブプロダクションの10周年カウントダウンサイトは、キャラクターを前に出さず、方眼とブルー1色のタイマーで“その日を待つ時間”そのものを演出している。
- [Seasats](https://katapick.com/sites/seasats.md): 説明は後回しで、まず3Dの海へ連れていかれる。無人水上艇メーカーSeasatsのコーポレートサイトは、霧の海を進む3D映像にスクロールを委ね、スペック表より先に“現場の空気”を手渡してくる。
- [株式会社TVer 採用サイト](https://katapick.com/sites/tver-recruit.md): 手書きの「Frame!」が、見出しからはみ出してる。TVerの採用サイトは、紺の太い英字に手書きの「Frame!」を斜めに重ね、キャッチコピーの意味をレイアウトそのもので体現している。

## 特集
- [VTuber・配信者のWebサイト参考集](https://katapick.com/trends/vtuber): VTuber事務所の公式サイト、周年特設サイト、ライブ・イベントLPなど、キャラクターIPを扱うWebデザインの参考サイトを集めた特集です。
- [海外のWebデザイン参考集](https://katapick.com/trends/overseas): Awwwards などで評価された海外のコーポレートサイト、SaaSのプロダクトサイト、スタジオのポートフォリオを、日本語の解説付きで紹介する特集です。
- [Webデザイントレンド統計](https://katapick.com/trends): 掲載サイトの配色・フォント・技術の自動集計

## カテゴリ
- [コーポレートの参考サイト（3件）](https://katapick.com/category/corporate)
- [採用の参考サイト（1件）](https://katapick.com/category/recruit)
- [LPの参考サイト（2件）](https://katapick.com/category/lp)
- [ブランドの参考サイト（2件）](https://katapick.com/category/brand)
- [サービス / SaaSの参考サイト（1件）](https://katapick.com/category/service)
- [ポートフォリオの参考サイト（2件）](https://katapick.com/category/portfolio)
- [VTuber / 配信者の参考サイト（1件）](https://katapick.com/category/vtuber)
- [イベント / ライブの参考サイト（3件）](https://katapick.com/category/event)

## すべての掲載サイト
- [ホロライブプロダクション10周年特設サイト](https://katapick.com/sites/hololive-10th.md): VTuber / 配信者 / カウントダウン・グリッド・ブルー基調
- [Seasats](https://katapick.com/sites/seasats.md): コーポレート / スクロール演出・3D/WebGL・写真主体
- [株式会社TVer 採用サイト](https://katapick.com/sites/tver-recruit.md): 採用 / 写真主体・大胆なタイポ・手書き文字
- [Cerebrium](https://katapick.com/sites/cerebrium.md): サービス / SaaS / ダーク・3D/WebGL・等幅フォント
- [ReGLOSS AR LIVE「X-ReCHORD」](https://katapick.com/sites/regloss-x-rechord.md): イベント / ライブ / ダーク・ネオン/グロー・イラスト
- [Will Style Inc.](https://katapick.com/sites/willstyle.md): コーポレート / ミニマル・モノクロ・3D/WebGL
- [Boc.Studio](https://katapick.com/sites/boc-studio.md): ポートフォリオ / ダーク・映像主体・ミニマル
- [不破湊 2nd LIVE “VORTEX”](https://katapick.com/sites/fuwa-vortex.md): イベント / ライブ / ダーク・ネオン/グロー・イラスト
- [Phoneより、本でいこう（KIBI）](https://katapick.com/sites/kibi-obuse.md): LP / ミニマル・イラスト・ライト
- [株式会社ジェイ・プラッカ](https://katapick.com/sites/j-placa.md): コーポレート / ビビッド・大胆なタイポ・写真主体
- [LxL Creative](https://katapick.com/sites/lxl-creative.md): ポートフォリオ / ダーク・大胆なタイポ・手書き文字
- [VSPO! SHOWDOWN 2026 powered by RAGE](https://katapick.com/sites/vspo-showdown-2026.md): イベント / ライブ / ダーク・イラスト・固定ナビ
- [SCRAMBLE LABEL](https://katapick.com/sites/scramble-label.md): ブランド / ダーク・モノクロ・大胆なタイポ
- [White Desert](https://katapick.com/sites/white-desert.md): ブランド / 写真主体・映像主体・大胆なタイポ
- [NITTOH 100 PICNIC](https://katapick.com/sites/nittoh-100-picnic.md): LP / レトロ・レッド基調・大胆なタイポ

## Optional
- [全サイトの要約（1ファイル）](https://katapick.com/llms-full.txt)
- [構造化データ（JSON）](https://katapick.com/data/sites.json)
- [掲載基準・編集方針](https://katapick.com/about)
- [料金プラン](https://katapick.com/pricing)
- [Webサイト制作の依頼（Katapick Studio）](https://katapick.com/request): 掲載サイトのテイストで、コーポレート・LP・採用・VTuber公式サイトなどの制作を依頼できる