UIコンポーネント
ボタン、入力欄、バッジなどをパレットの色で表示
アラート
| ソリッド | ソフト | |
|---|---|---|
プライマリ | アップデートあり | アップデートあり |
セカンダリ | アップデートあり | アップデートあり |
ターシャリ | アップデートあり | アップデートあり |
アクセント | アップデートあり | アップデートあり |
サーフェス | アップデートあり | アップデートあり |
プライマリ#264653
ソリッド
アップデートあり
ソフト
アップデートあり
セカンダリ#2A9D8F
ソリッド
アップデートあり
ソフト
アップデートあり
ターシャリ#E9C46A
ソリッド
アップデートあり
ソフト
アップデートあり
アクセント#F4A261
ソリッド
アップデートあり
ソフト
アップデートあり
サーフェス#E76F51
ソリッド
アップデートあり
ソフト
アップデートあり
コールアウト
| ソリッド | ソフト | サーフェス | アウトライン | |
|---|---|---|---|---|
プライマリ | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 |
セカンダリ | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 |
ターシャリ | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 |
アクセント | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 |
サーフェス | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 | ご意見はありますか？ ご感想をお聞かせください。 |
プライマリ#264653
ソリッド
ご意見はありますか？
ご感想をお聞かせください。
ソフト
ご意見はありますか？
ご感想をお聞かせください。
サーフェス
ご意見はありますか？
ご感想をお聞かせください。
アウトライン
ご意見はありますか？
ご感想をお聞かせください。
セカンダリ#2A9D8F
ソリッド
ご意見はありますか？
ご感想をお聞かせください。
ソフト
ご意見はありますか？
ご感想をお聞かせください。
サーフェス
ご意見はありますか？
ご感想をお聞かせください。
アウトライン
ご意見はありますか？
ご感想をお聞かせください。
ターシャリ#E9C46A
ソリッド
ご意見はありますか？
ご感想をお聞かせください。
ソフト
ご意見はありますか？
ご感想をお聞かせください。
サーフェス
ご意見はありますか？
ご感想をお聞かせください。
アウトライン
ご意見はありますか？
ご感想をお聞かせください。
アクセント#F4A261
ソリッド
ご意見はありますか？
ご感想をお聞かせください。
ソフト
ご意見はありますか？
ご感想をお聞かせください。
サーフェス
ご意見はありますか？
ご感想をお聞かせください。
アウトライン
ご意見はありますか？
ご感想をお聞かせください。
サーフェス#E76F51
ソリッド
ご意見はありますか？
ご感想をお聞かせください。
ソフト
ご意見はありますか？
ご感想をお聞かせください。
サーフェス
ご意見はありますか？
ご感想をお聞かせください。
アウトライン
ご意見はありますか？
ご感想をお聞かせください。
バッジ
| ソリッド | ソフト | サーフェス | アウトライン | |
|---|---|---|---|---|
プライマリ | 新規 | 新規 | 新規 | 新規 |
セカンダリ | 新規 | 新規 | 新規 | 新規 |
ターシャリ | 新規 | 新規 | 新規 | 新規 |
アクセント | 新規 | 新規 | 新規 | 新規 |
サーフェス | 新規 | 新規 | 新規 | 新規 |
プライマリ#264653
ソリッド
新規
ソフト
新規
サーフェス
新規
アウトライン
新規
セカンダリ#2A9D8F
ソリッド
新規
ソフト
新規
サーフェス
新規
アウトライン
新規
ターシャリ#E9C46A
ソリッド
新規
ソフト
新規
サーフェス
新規
アウトライン
新規
アクセント#F4A261
ソリッド
新規
ソフト
新規
サーフェス
新規
アウトライン
新規
サーフェス#E76F51
ソリッド
新規
ソフト
新規
サーフェス
新規
アウトライン
新規
アバター
| ソリッド | ソフト | ソリッドグラデーション | ソフトグラデーション | |
|---|---|---|---|---|
プライマリ | E EV | E EV | E EV | E EV |
セカンダリ | E EV | E EV | E EV | E EV |
ターシャリ | E EV | E EV | E EV | E EV |
アクセント | E EV | E EV | E EV | E EV |
サーフェス | E EV | E EV | E EV | E EV |
プライマリ#264653
ソリッド
E
EV
ソフト
E
EV
ソリッドグラデーション
E
EV
ソフトグラデーション
E
EV
セカンダリ#2A9D8F
ソリッド
E
EV
ソフト
E
EV
ソリッドグラデーション
E
EV
ソフトグラデーション
E
EV
ターシャリ#E9C46A
ソリッド
E
EV
ソフト
E
EV
ソリッドグラデーション
E
EV
ソフトグラデーション
E
EV
アクセント#F4A261
ソリッド
E
EV
ソフト
E
EV
ソリッドグラデーション
E
EV
ソフトグラデーション
E
EV
サーフェス#E76F51
ソリッド
E
EV
ソフト
E
EV
ソリッドグラデーション
E
EV
ソフトグラデーション
E
EV
プログレス
| ソリッド | ソフト | |
|---|---|---|
プライマリ | 進捗55% | 進捗55% |
セカンダリ | 進捗55% | 進捗55% |
ターシャリ | 進捗55% | 進捗55% |
アクセント | 進捗55% | 進捗55% |
サーフェス | 進捗55% | 進捗55% |
プライマリ#264653
ソリッド
進捗55%
ソフト
進捗55%
セカンダリ#2A9D8F
ソリッド
進捗55%
ソフト
進捗55%
ターシャリ#E9C46A
ソリッド
進捗55%
ソフト
進捗55%
アクセント#F4A261
ソリッド
進捗55%
ソフト
進捗55%
サーフェス#E76F51
ソリッド
進捗55%
ソフト
進捗55%
ボタン
| モダン | クラシック | ソリッド | ソフト | サーフェス | アウトライン | |
|---|---|---|---|---|---|---|
プライマリ | ||||||
セカンダリ | ||||||
ターシャリ | ||||||
アクセント | ||||||
サーフェス |
プライマリ#264653
モダン
クラシック
ソリッド
ソフト
サーフェス
アウトライン
セカンダリ#2A9D8F
モダン
クラシック
ソリッド
ソフト
サーフェス
アウトライン
ターシャリ#E9C46A
モダン
クラシック
ソリッド
ソフト
サーフェス
アウトライン
アクセント#F4A261
モダン
クラシック
ソリッド
ソフト
サーフェス
アウトライン
サーフェス#E76F51
モダン
クラシック
ソリッド
ソフト
サーフェス
アウトライン
フォームコントロール
| ソリッド | ソフト | |
|---|---|---|
プライマリ | ||
セカンダリ | ||
ターシャリ | ||
アクセント | ||
サーフェス |
プライマリ#264653
ソリッド
ソフト
セカンダリ#2A9D8F
ソリッド
ソフト
ターシャリ#E9C46A
ソリッド
ソフト
アクセント#F4A261
ソリッド
ソフト
サーフェス#E76F51
ソリッド
ソフト
入力
| デフォルト | フォーカス | |
|---|---|---|
プライマリ | プレースホルダー | プレースホルダー ヘルパーテキスト |
セカンダリ | プレースホルダー | プレースホルダー ヘルパーテキスト |
ターシャリ | プレースホルダー | プレースホルダー ヘルパーテキスト |
アクセント | プレースホルダー | プレースホルダー ヘルパーテキスト |
サーフェス | プレースホルダー | プレースホルダー ヘルパーテキスト |
プライマリ#264653
デフォルト
プレースホルダー
フォーカス
プレースホルダー
ヘルパーテキストセカンダリ#2A9D8F
デフォルト
プレースホルダー
フォーカス
プレースホルダー
ヘルパーテキストターシャリ#E9C46A
デフォルト
プレースホルダー
フォーカス
プレースホルダー
ヘルパーテキストアクセント#F4A261
デフォルト
プレースホルダー
フォーカス
プレースホルダー
ヘルパーテキストサーフェス#E76F51
デフォルト
プレースホルダー
フォーカス
プレースホルダー
ヘルパーテキストリンク
| インライン | |
|---|---|
プライマリ | ドキュメント を参照して カラーAPI. |
セカンダリ | ドキュメント を参照して カラーAPI. |
ターシャリ | ドキュメント を参照して カラーAPI. |
アクセント | ドキュメント を参照して カラーAPI. |
サーフェス | ドキュメント を参照して カラーAPI. |
プライマリ#264653
インライン
ドキュメント を参照して カラーAPI.
セカンダリ#2A9D8F
インライン
ドキュメント を参照して カラーAPI.
ターシャリ#E9C46A
インライン
ドキュメント を参照して カラーAPI.
アクセント#F4A261
インライン
ドキュメント を参照して カラーAPI.
サーフェス#E76F51
インライン
ドキュメント を参照して カラーAPI.
タブ
| 下線 | |
|---|---|
プライマリ | アカウント 注文 設定 通知 |
セカンダリ | アカウント 注文 設定 通知 |
ターシャリ | アカウント 注文 設定 通知 |
アクセント | アカウント 注文 設定 通知 |
サーフェス | アカウント 注文 設定 通知 |
プライマリ#264653
下線
アカウント
注文
設定
通知
セカンダリ#2A9D8F
下線
アカウント
注文
設定
通知
ターシャリ#E9C46A
下線
アカウント
注文
設定
通知
アクセント#F4A261
下線
アカウント
注文
設定
通知
サーフェス#E76F51
下線
アカウント
注文
設定
通知