색상 · 폰트 · 텍스트

가독성은 세 가지 선택의 합

색은 의미를 만들고, 폰트는 분위기를 만들며, 텍스트 속성은 읽는 리듬을 만듭니다.

읽기 쉬운 블로그 본문

본문은 충분한 줄 높이와 차분한 글자색이 필요합니다. 중요한 문장에는 강조 색을 짧게 써서 시선을 모읍니다.

CSS 작성 순서

먼저 기본 폰트와 줄 높이를 정하고, 제목과 강조 문구에만 별도의 색상과 굵기를 더합니다.

color

브랜드 색, 상태 색, 강조 색을 구분해 사용합니다.

font-family

한글과 영문이 모두 자연스러운 글꼴 묶음을 둡니다.

line-height

문단 사이 숨 쉴 공간을 만들어 긴 글을 편하게 읽게 합니다.