# 웹 디자인 속 보이지 않는 조화
음악적 타이포그래피 스케일은 음악적 음정의 수학을 타이포그래피 디자인에 적용합니다. 음악 작품이 정밀한 비율로 구성되듯, 탄탄한 시각 디자인도 모든 크기를 서로 연결하는 수학적 구조로부터 힘을 얻습니다.# 모듈러 스케일의 작동 원리
공식
진행 방식은 간단합니다: 크기 = 기본값 × 비율n. 0단계가 기본 텍스트, 1단계가 작은 소제목, 4~5단계가 주요 H1이 됩니다. 동일한 배수 상수(비율)가 모든 관계를 일관성 있게 유지합니다.
왜 "음악적"인가
피타고라스학파는 현을 단순한 비율(1:2, 2:3, 3:4)로 나누면 협화음이 생긴다는 것을 발견했습니다. 옥타브, 완전5도, 완전4도 — 이 음정들이 바로 타이포그래피 비율과 정확히 일치합니다. 당신은 시각적 음악을 작곡하고 있는 것입니다.
# 올바른 비율 선택하기
정보가 밀집한 인터페이스(대시보드, 표)에는
스케일을 1.125나 1.2와 같은 작은 비율을 사용하세요. 에디토리얼이나 포트폴리오 사이트에는 1.5나 1.618처럼 표현력이 강한 비율이 효과적입니다. font-size에만 국한하지 마세요. 동일한 CSS 변수를 margin, padding, gap에도 활용할 수 있습니다. 여백이 텍스트와 같은 수학적 진행을 따를 때, 디자인은 모두가 느끼지만 쉽게 설명하기 어려운 수준의 완성도에 도달합니다.