マージンを揃え、ガター（余白）を均一にしたシンプルなグリッドを使用します。通常は 6、8、または 12 カラムが適切です。
グラデーションは、バランスを保ちながら奥行きと強調を加えます。主要なニュートラルカラーを起点に、温かみ・エネルギー・トーンの変化をもたらします。
Clarity x Gray 1
Clarity x Agility
Clarity x Balance
Depth x Resolve
ブラケットは、厚みとジオメトリを統一したモジュール式のパーツ（コーナー、セグメント、エンドキャップ）で構成されています。用途を問わず、同じ構造ロジックを維持したまま拡大・延長できます。
重要なコンテンツの枠組み、キーワード・フレーズの強調、関連する補足コンテンツのグループ化に使用します。
コンポジションフレームのブラケットに使用できる、承認済みのカラーの組み合わせです。
CData のデータビジュアライゼーションは、抽象的なノード、経路、コンテナを用いて、システムの接続・流れ・スケールを表現します。実装の詳細を図解することなく、複雑な構造を明確に伝えます。
図解ではなく抽象的に:
スクリーンショットや回路図ではなく、関係性を伝える
モジュール式のコンポーネント:
ノード、ライン、ブラケット、フィールドを、ユースケースに応じて組み合わせ直す
階層を優先:
主要なコネクションを、サイズ・カラー・配置で強調する
ブランドを前面に:
CData のカラー、ブラケット、余白を用い、CData ならではの印象を保つ
使用できるのはこれらの要素のみです。複雑さは新たな形状の追加ではなく、組み合わせによって生み出します。
CData のアイコンは、ナビゲーションの補助、アクションの明示、システムステータスの伝達、メッセージの明快なサポートに使用します。
