정보구조

Design Token

정의

색상, 간격, 폰트 크기 같은 디자인 값을 일관되게 재사용할 수 있도록 추상화한 기본 단위

브랜드 색상과 spacing 값을 토큰으로 관리해 여러 화면과 컴포넌트에서 같은 기준을 유지할 때 활용할 수 있습니다.

같은 카테고리의 개념을 함께 보면 맥락을 더 빠르게 이해할 수 있습니다.

관련 있는 정보끼리 묶어 사용자가 내용을 더 쉽게 이해하고 탐색할 수 있게 만드는 구성 방식

정보를 상위와 하위 단계로 나누어 중요도와 포함 관계가 자연스럽게 드러나도록 만드는 구조

정보와 콘텐츠를 일관된 기준으로 분류하고 이름 붙이는 체계

다른 용어를 계속 탐색하거나, 홈으로 돌아가 전체 흐름을 다시 확인할 수 있습니다.