답답함의 원인은 가로 비율이 아니라 세로 간격이었다. 헤드라인 80px 에 대해 헤드라인↔서브 28px, 서브↔CTA 40px 는 너무 촘촘했다. - 간격 확대: mt-7 → mt-11(44px), mt-10 → mt-14(56px). - 헤드라인 80 → 74px. 글자 실폭이 뷰포트의 40% (레퍼런스 statworx 는 48%). - 측정 주의사항을 주석에 남김: h1 은 블록이라 getBoundingClientRect 로 재면 컨테이너 폭(848px)이 나온다. Range 로 텍스트 노드를 재야 실제 글자 폭이다. 이걸 헷갈려 한 번 과교정(66px, 36%)했다가 되돌렸다. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| sections | ||
| ui | ||