디자인 토큰 디자인 시스템

공유 가치의 이름을 지정하고 관리합니다.

확인 항목 7개 · 그룹 3개
체크리스트 내용

검토 진행 상황

01

구조와 의미

사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.

02

상호 작용 및 유용성

작업을 시도하고 상태를 변경한 후 작업을 계속하세요.

03

경험을 완성하세요

디자인을 활용하면서 놓치기 쉬운 디테일을 확인해보세요.

진행 상황은 이 브라우저에 자동으로 저장됩니다.

안내

검토 방법

01

역할별로 값이 호출되는지 확인

밝은 인터페이스를 어두운 인터페이스로 변경한 다음 구성요소 상태를 확인하세요. 보조 텍스트나 테두리 등의 목적으로 이름을 사용합니다. 각 화면에서 비슷한 색상을 선택하지 마세요.

예시

활용 예시

일반적인 보조 글꼴 색상

업데이트 날짜, 입력 상자 제안 및 댓글은 모두 "텍스트 음소거" 토큰을 사용합니다. 토큰 교환은 동일한 규칙에 따라 세 가지 모두를 업데이트합니다.

체크리스트 찾기