見本

BRAND CLOUD 防衛 × 指名検索コンソール

SaaS 管理画面 (SITE-09 の運用側)

SITE-09 BRAND CLOUD のオペレーション SaaS 側、風評対策 × 指名検索ダッシュボード。ADMIN-02 系の左サイドナビ (240px ダークネイビー) + 64px ヘッダー構造に、実 BRAND CLOUD ロゴを sidebar / hero に実装。Brand Trust Index ゲージ、4 KPI スパークライン、AI Defense Pipeline (5 ノード + 流動ドットアニメ)、リスクカテゴリドーナツ、24h sentiment pulse、8 ソース × 24h

1-page app-shell (左 sidebar 240px ダークネイビー + header 64px + 2-col card grid)、単一自己完結 HTML

ダッシュボード表・グラフITブランドリスクcorporatesaastrustdata-densenavy

配色

構成

• Sidebar + Header
• Hero (Brand Trust Index ゲージ + 4 KPI sparkline)
• AI Defense Pipeline
• リスクカテゴリ donut + Sentiment Pulse 24H
• プラットフォーム別ヒートマップ 8×24
• AI エージェント 14 台
• 急上昇リスクトピック
• 指名検索 12W + 介入ゾーン
• サジェスト浄化 Before/After
• SERP Page 1 Before/After
• Brand 360° レーダー + 業界ベンチマーク N=42
• AI Action Feed + 90 日サマリー

この表紙は作例の card.yaml から生成しています。 他の作例は 作例の一覧、 使い方は トップ から。