레이아웃

Typography Hierarchy

정의

글자 크기, 굵기, 줄간격 차이를 활용해 제목, 본문, 보조 정보를 구조적으로 구분하는 체계

상세 페이지에서 제목, 섹션 제목, 본문, 캡션의 타이포 스타일을 명확히 나눠 읽기 흐름을 안정적으로 만들 때 적용할 수 있습니다.

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

중요한 정보부터 먼저 보이도록 크기, 색상, 위치, 대비를 활용해 우선순위를 만드는 레이아웃 방식

일관된 정렬과 간격을 만들기 위해 화면을 기준선과 열 단위로 나누어 설계하는 방식

콘텐츠 사이에 의도적으로 비워 둔 공간으로, 가독성과 정보 구분, 시선 집중도를 높이는 요소

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