Typography

Pretendard 기반 한·영 본문 폰트와 모노스페이스 보조 폰트를 단계별 스케일로 시각화합니다. line-height 가이드는 ScaleStrip이 함께 그립니다.

Scale

기존 scale 재사용

운영 콘솔은 큰 홍보형 제목보다 heading, metric, row, caption을 빠르게 구분하는 위계가 중요합니다. 아래 예시는 새 typography token 없이 현재 scale만으로 Studio 계열 밀도를 설명합니다.

screen title

typography-2xl

확정 수익

18,420P

전월 대비 12% 증가

관리 필요

댓글 7개

미확인 항목 우선 정렬

월드 관리

공개 상태 변경 대기caption · helper

screen titletypography-2xl
스튜디오
현재 view의 시작점을 알리는 제목. hero scale 대신 page heading 밀도를 유지합니다.
section titletypography-xl
오늘의 운영
카드 묶음이나 table/list 영역을 스캔할 수 있게 분리합니다.
metric valuetypography-lg
18,420P
수익/월드 수 같은 숫자는 본문보다 한 단계 크게 두되 카드 안에서 줄바꿈을 허용합니다.
row texttypography-sm
월드 공개 상태 변경 대기
목록 행은 action cluster와 함께 놓이므로 좁은 폭에서도 읽히는 sm 밀도를 사용합니다.
caption/helpertypography-xs
최근 7일 기준 · 조건 3/5 충족
필터 요약, disabled 사유, badge 보조 문구는 xs와 muted text를 조합합니다.