🔤타이포그래피 스케일 계산기

기준 폰트 크기와 스케일 비율을 선택하면 H1~본문까지 폰트 사이즈를 자동 계산합니다.

기준 폰트 크기 (본문 기준)

px

스케일 비율

타이포그래피 스케일이란?

타이포그래피 스케일은 기준 폰트 크기에 일정한 비율을 반복 곱하거나 나누어 만드는 폰트 사이즈 체계입니다. 음악의 화음처럼 수학적으로 조화로운 크기 관계를 만들어 시각적으로 균형 잡힌 레이아웃을 구성하는 데 도움을 줍니다.

스케일 비율 선택 기준

비율이 클수록 각 단계 사이의 크기 차이가 커집니다. Perfect Fourth(1.333)는 명확한 계층 구조를 만들어 가장 많이 사용되며, Major Third(1.25)는 부드럽고 세련된 느낌을 줍니다. 황금비(1.618)는 극적인 대비가 필요한 랜딩 페이지나 마케팅 소재에 적합합니다. 텍스트 위주의 문서형 콘텐츠라면 Minor Third(1.2)처럼 작은 비율을 권장합니다.

실무 적용 팁

기준 폰트는 일반적으로 본문 크기인 16px를 사용합니다. rem 단위로 변환해 CSS에 적용하면 브라우저 글꼴 크기 설정을 변경하는 사용자에게도 적절히 스케일이 조정됩니다. 디자인 시스템을 구축할 때는 계산된 값을 CSS 변수(--font-h1, --font-body 등)로 정의해 일관되게 관리하세요.

자주 묻는 질문

모든 텍스트에 스케일 값을 엄격히 따라야 하나요?

반드시 그렇지는 않습니다. 스케일은 가이드라인이지 절대 규칙이 아닙니다. 필요에 따라 단계를 건너뛰거나 값을 살짝 조정해도 전체적인 조화를 유지할 수 있습니다.

기준 폰트를 16px가 아닌 값으로 해도 되나요?

네, 자유롭게 설정할 수 있습니다. 모바일 앱의 경우 14px, 대형 화면 대시보드의 경우 18px를 기준으로 쓰기도 합니다. 기준값이 달라져도 비율 관계는 동일하게 유지됩니다.