収録範囲と対応表

24カテゴリ・136パターン。企業、サービス、製品、採用、IR、サステナビリティ、店舗、EC、イベント、メディア、サポートの用途を横断して整理しています。

2026年9月19日改訂 / 初版72種＋追加64種。136は独立した見本の件数であり、数学的に異なる基本構造の数ではありません。

「網羅版」の範囲

公開企業サイトで確認した不足と、制作時に必要になる共通UIを補った実務向けコレクションです。日本の全企業・全ページを調査したものではなく、世の中のすべての表現を保証するものではありません。

企業サイトとの照合

企業の文章・画像・デザインを複製せず、情報の種類と関係を独自のワイヤーフレームにしています。公式ページの本文・項目を確認した照合です。全ページの視覚・操作テストをしたという意味ではありません。無印良品は店舗検索ページの取得に制約があり、公式FAQで検索方法を確認。日立は公開済みレポートの構造を参照。

共通UIの不足への対応

以下は前回の実装監査に基づく追加です。上記企業で個別に実在確認したという主張ではありません。

全パターンの索引

各リンクから独立したHTMLを開けます。

写真素材と配色

メインカラー：青 #1655b8 ／ アクセント：赤 #c92d3a。写真はUnsplashの無料ライセンスの素材を利用。人物・施設・製品は配置用イメージで、掲載企業や架空の人物・実績との関係を示すものではありません。写真表示にはインターネット接続が必要です。

収録対象外・利用上の区分

• 3D、WebGL、固有のスクロール演出、写真表現など、装飾や演出の全組み合わせ。
• 会員マイページ、管理画面、決済・予約・認証の本番システム全体。
• 実在の企業情報・商品価格・業績・在庫・予約枠。すべて配置用サンプルです。
• 操作デモはブラウザ内で完結します。フォーム送信、購入、認証、外部検索、メール送信、Cookie保存は行いません。
• 動画はプレーヤー位置の見本、地図は模式図、資料は一覧構造の見本です。

新しい構造が見つかった場合は、既存の組み合わせで表現できるかを確認し、表現できないものを追加する方針です。