타이포그래피 스케일 생성기

타이포그래피 스케일 가이드

타이포그래피 스케일은 일관된 수학적 비율을 따르는 글꼴 크기 집합입니다. 크기를 무작위로 선택하는 대신 각 단계에 동일한 비율을 곱하여 제목, 본문, 캡션 전체에 시각적 리듬과 계층 구조를 만듭니다.

기본 크기(16px는 브라우저 기본값이며 확실한 시작점)를 선택한 다음 비율을 선택합니다. 1.125와 같은 작은 비율은 편집 사이트에 미묘하고 우아한 스케일을 만듭니다. 1.618과 같은 더 큰 비율은 마케팅 페이지에 극적인 대비를 만듭니다.

Pro Tips

• 황금 비율(1.618)은 표시 제목에는 아름답지만 본문이 많은 사이트에는 너무 공격적입니다. 긴 형식으로 읽으려면 1.125에서 1.333 사이를 유지하세요.
• 스케일을 CSS 사용자 정의 속성으로 내보내고 글꼴 크기: var(--font-lg) 등 어디에서나 참조합니다. 나중에 스케일을 변경한다는 것은 하나의 파일을 편집한다는 의미입니다.