Color
hex, rgb, hsl 등 색상 표기와 대비를 함께 고려합니다.
색상 폰트 텍스트 스타일 기준
색상, 폰트, 텍스트 속성은 페이지의 분위기뿐 아니라 읽기 속도와 정보의 위계를 결정합니다.
Font
font-family, size, weight로 글자의 성격과 계층을 만듭니다.
텍스트 속성
line-height, align, decoration으로 문장 흐름을 조정합니다.
검토
실제 콘텐츠 길이와 화면 크기에서 읽기 편한지 확인합니다.
본문, 배경, 강조 색을 구분하고 대비가 낮은 조합을 피합니다.
사용자 환경에 없는 글꼴을 대비해 대체 글꼴 순서를 준비합니다.
line-height는 장문 가독성에 직접 영향을 주므로 본문부터 조정합니다.
색만으로 정보를 구분하지 말고 굵기, 위치, 텍스트를 함께 씁니다.
핵심 판단
꾸미기 전에 제목, 본문, 보조 정보의 우선순위를 정합니다.
색상 폰트 텍스트 실수 방지
너무 작은 글자, 낮은 대비, 과한 장식은 모바일에서 바로 문제가 됩니다.
색상 폰트 텍스트 스타일 기준
같은 문서를 색상과 글꼴 규칙으로 읽기 쉬운 위계로 정리합니다.