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