トークン

色、スペーシング、角丸、モーション

トークンは、ビジュアルプリミティブに関する唯一の信頼できる情報源です。新しいページはトークンを利用し、再定義しないでください。

#0F0F11

#16161A

#5E6AD2

角丸 6 / 10 / 16 `sm`、`md`、`lg` のみを使用してください。

スペーシング 8-32 ほとんどの UI はコアのスペーシング帯に収まります。

モーション 150-220ms トランジションは控えめで高速に保つ必要があります。

タイポグラフィ

コンパクトな密度で読みやすい階層

リード文は、短いページ導入と説明用の補足文にのみ使用します。

本文テキストは、ヘルプテキスト、ツールの説明、結果の解説に使用する既定のレイヤーです。

キャプションは、メタデータ、カウンター、フィールドノート、補助的なヘルパーに使用します。

カード

カタログ項目、メトリクス、機能概要、軽量プレビューに使用します。

結果行、関連ツール、ジャンプリスト、最近の履歴ブロックに使用します。

コントロール

パターン

主要なお知らせ

ヘルプテキスト、プライバシーに関するメッセージ、ツールの制限事項には通知ブロックを使用します。