UI スタイルシステムボード

[PRODUCT_OR_BRAND] 向けに、洗練された複数ページの UI スタイルシステムボードを作成してください。1 つの清潔なプレビューキャンバス上で、まとまりのあるデザインページ群としてシステムを提示します。厳密な 8px スペーシンググリッド、一貫した余白、正確な整列、すべてのページにわたる明確な階層を使ってください。プライマリ、セカンダリ、ニュートラル、セマンティック、背景のスウォッチを含むカラートークンパネル、見出し・本文・キャプション・数値スタイルを含むタイポグラフィスケール、ボタン・入力欄・カード・ナビゲーション・バッジ・空状態を含むコンポーネントシート、デスクトップとモバイルの比率を示す 2 つのレスポンシブレイアウト例を含めます。SaaS プロダクト、クリエイターツール、EC ブランド、社内ダッシュボードに適した、視覚的に一貫し、編集可能なシステムにしてください。必要な箇所だけ現実的なプレースホルダー文を使い、ラベルは読みやすい短さに保ちます。実在ロゴ、既存デザインシステムのコピー、ユーザーが提供していないブランド名、歪んだタイポグラフィ、一貫しないスペーシング、不揃いな影、装飾的な散らかり、アクセシブルでないコントラスト、グリッドを崩すコンポーネント例は避けてください。