Colors
This content is not available in your language yet.
アプリケーションに適用できる 5 つのカラーテーマと、状態表現に使うセマンティックカラーのサンプルです。 各テーマカードでライト・ダーク両モードの配色イメージを確認できます。
Ocean
セクション「Ocean」Light
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Dark
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Forest
セクション「Forest」Light
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Dark
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Sunset
セクション「Sunset」Light
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Dark
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Midnight
セクション「Midnight」Light
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Dark
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Sand
セクション「Sand」Light
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled
Dark
見出しタイトル
サブタイトルのテキスト
本文テキストが入ります。配色によって与える印象は大きく変わります。 視認性・ブランド感・感情への訴求、どれを重視するかがテーマ選定の鍵です。
- ▸コントラストと視認性のバランス
- ▸ブランドカラーとの統一感
- ▸アクセシビリティへの配慮
SuccessWarningErrorInfoDisabled