Foundations
모든 디자인 요소의 기반이 되는 가장 원자적인 단위입니다. 컬러, 타이포그래피, 간격·그리드, 아이콘, 엘리베이션처럼 시각 언어의 최소 단위로 구성되며, 컴포넌트는 이 단위(토큰)만 참조합니다.
Base material
ColorsN색상의 시각적 일관성을 유지하고 효율적인 디자인 작업을 돕습니다.Typography화면의 텍스트를 읽기 쉽고 아름답게 표현하도록 돕습니다.Grid일관된 간격 체계를 사용하여 조화로운 비율과 정렬을 만들어냅니다.IconsN아이콘을 사용하여 인터페이스를 빠르게 이해하고 탐색할 수 있도록 돕습니다.Elevation컴포넌트 간의 명확한 깊이감과 시각적 계층을 만들어냅니다.
색을 어느 축에 쓰는지는 Brand role map, 토큰 원본(CSS 변수 전체 · Radius · Motion · Accessibility)은 Resources › Design Token 에 있습니다.