시리즈 · 3 편

타입 스케일 시스템

조화로운 타이포그래피 위계를 디자인합니다 — 모듈러 스케일, 반응형 크기 조정, 디자인 토큰 통합을 다룹니다.

디자인 시스템을 위한 타입 스케일 구축하기

잘 정의된 타입 스케일은 일관된 디자인의 기초입니다. 비율을 선택하고, 단계를 정의하고, 여러 플랫폼에 적용하는 방법을 배웁니다.

디자인 토큰은 디자인과 개발을 연결합니다 — 폰트 패밀리, 크기, 굵기, 줄 높이, 간격을 구조화되고 플랫폼에 독립적인 값으로 다룹니다.

브레이크포인트 전반에 걸친 타이포그래피 스케일링 — 반응형 타입 스케일, clamp()를 이용한 유동적 크기 조정, 모바일부터 데스크톱까지 위계 유지까지 다룹니다.