Material Design

개요 Material Design

Material Design은 단일 소스 색상에서 13단계 톤 스케일(0~100)과 primary·secondary·tertiary·surface 같은 의미 역할로 색 체계를 구성합니다. 이 스케일은 라이트·다크 테마 모두에서 대비를 예측 가능하게 유지합니다.

사용 방법

--md-sys-color-primary 같은 CSS 변수나 Material Theme Builder로 역할을 적용하세요. WCAG 대비를 맞추려면 가장 어두운 단계는 텍스트에, 가장 밝은 단계는 표면에 사용하세요.