Color Type

색상과 글꼴 스타일은 정보 계층과 읽기 흐름을 만든다

색은 강조와 상태를, 폰트와 텍스트 속성은 가독성과 위계를 만드는 기본 시각 언어다.

텍스트 스타일 기준

visual hierarchy

색상

브랜드나 상태를 표현하되 대비가 부족하면 정보 전달이 무너진다.

폰트

글꼴과 굵기는 제목, 본문, 보조 정보의 역할을 구분한다.

크기

텍스트 크기는 콘텐츠 위계에 맞추고 작은 화면에서 줄바꿈을 고려한다.

일관성

색과 타이포 규칙은 반복될수록 페이지 전체가 안정적으로 읽힌다.

colorfontsizehierarchy
읽는 법

스타일링은 예쁘게 칠하는 작업이 아니라, 사용자가 무엇을 먼저 읽고 어떤 상태를 이해할지 설계하는 일이다.