Irodori彩り

Fluent UI

4 色ファミリー × 16 シェード

全 64 色

概要 Fluent UI

Fluent 2 は 10 から 160 までのニュートラルとブランドのランプ、およびステータスカラーを定義します。パレットは繊細(10)から彩度の高い(160)へと変化し、層のある奥行きのある UI に適しています。

使い方

colorBrandForeground1 のようなトークンを使うか createLightTheme を使用します。ブランドのランプをニュートラル中心のサーフェスと組み合わせて Fluent らしい外観にします。

公式ドキュメント

Web

シェード

Teams

シェード

Teams V2.1

シェード

Office

シェード

出典: Fluent UI · @fluentui/tokens brandColors