Stats / 2026年11月14日 時点

Webデザイントレンド統計

掲載中の184サイト(公開18か月以内)の配色・フォント・技術を毎日自動で集計しています。数値は引用自由です(出典: Katapick)。

要点

  • Katapickに掲載中のWebサイト184件のうち、ダーク基調のサイトは27%です。
  • 海外サイトの比率は34%、VTuber・配信者関連のサイトは37件です。
  • 最も多いテイストは「固定ナビ」(75件)、最も多く検出された技術は Google Fonts(98件)です。
  • 再現難易度の平均は5段階中3.2です。
掲載中
184sites
ダーク基調
27%
海外比率
34%
平均難易度
3.2/5

テイスト

使用フォント

  • Noto Sans JP33
  • Zen Kaku Gothic New15
  • Poppins7
  • Inter6
  • Roboto6
  • Helvetica Neue6
  • Montserrat5
  • Noto Serif JP5

検出された技術

  • Google Fonts98
  • Lenis82
  • Swiper59
  • WordPress49
  • GSAP43
  • WebGL37
  • Three.js31
  • Adobe Fonts29

カテゴリ

  • イベント / ライブ36
  • コーポレート33
  • ブランド32
  • LP21
  • サービス / SaaS16
  • EC14
  • ポートフォリオ11
  • 採用10
  • VTuber公式サイト7
  • メディア4

特集

VTuber

VTuber・配信者のWebサイト参考集 →

VTuber事務所の公式サイト、周年特設サイト、ライブ・イベントLPなど、キャラクターIPを扱うWebデザインの参考サイトを集めた特集です。

Overseas

海外のWebデザイン参考集 →

Awwwards などで評価された海外のコーポレートサイト、SaaSのプロダクトサイト、スタジオのポートフォリオを、日本語の解説付きで紹介する特集です。

AI / SaaS

AI・SaaSのWebサイト参考集 →

生成AIのプロダクトサイトやB2B SaaSのLPなど、形のないソフトウェアをどう見せるかの参考になるサイトを集めた特集です。

Anime / Game

アニメ・ゲーム公式サイトの参考集 →

アニメ作品の公式サイト、ゲームのティザー・特設サイトなど、キャラクターIPと世界観を見せるWebデザインの参考サイトを集めた特集です。

Anniversary / Special

周年・特設サイトの参考集 →

企業の周年サイト、ライブ・イベントの特設サイト、キャンペーンサイトなど、期間限定のWebデザインの参考サイトを集めた特集です。

3D / Interactive

3D・インタラクティブなWebサイト参考集 →

WebGL・Three.js の3D表現、スクロール連動のアニメーション、マウスに反応する演出など、動きで体験を作るWebサイトを集めた特集です。

Mobile-first

モバイル特化のWebサイト参考集 →

PCで開いても、スマホ幅の1カラムを画面の中央に置くWebサイトを集めた特集です。訪問のほとんどがスマホから来るイベント・キャンペーン・LPで増えている作り方です。

Local / Tourism

地方・観光・自治体サイトの参考集 →

観光地・宿泊施設・自治体・地域ブランドのWebサイトなど、土地の魅力を伝えるWebデザインの参考サイトを集めた特集です。

D2C / E-commerce

D2C・ECサイトの参考集 →

D2Cブランドのオンラインストア、商品LP、ブランドサイトと一体になったECなど、世界観と買いやすさを両立するWebデザインの参考サイトを集めた特集です。