토큰

색상, 간격, 반경, 모션

토큰은 시각적 기본 요소에 대해 허용된 유일한 기준입니다. 새 페이지는 토큰을 재정의하지 말고 사용해야 합니다.

#0F0F11

#16161A

#5E6AD2

반경 6 / 10 / 16 `sm`, `md`, `lg`만 사용하세요.

간격 8-32 대부분의 UI는 핵심 간격 범위 안에 들어갑니다.

모션 150-220ms 전환은 은은하고 빠르게 유지하세요.

타이포그래피

컴팩트한 밀도로 읽기 쉬운 계층 구조

리드 텍스트는 짧은 페이지 소개와 설명 문구에 사용됩니다.

본문 텍스트는 도움말 텍스트, 도구 설명, 결과 설명을 위한 기본 레이어입니다.

캡션은 메타데이터, 카운터, 필드 노트 및 보조 도움말에 사용됩니다.

카드

카탈로그 항목, 지표, 기능 요약 및 간단한 미리보기에 사용합니다.

결과 행, 관련 도구, 바로가기 목록 또는 최근 기록 블록에 사용합니다.

컨트롤

패턴

기본 안내

도움말, 개인정보 안내 또는 도구 제한 사항에는 안내 블록을 사용하세요.