Foundations
타이포그래피
NanumSquare — 한글의 단정함과 무게감을 살린 본문·헤딩 서체. 4단계 웨이트 위계로 운용합니다.
타입 스케일
화면 기준 7단계. 모바일에서는 한 단계 작게 운용합니다.
Sample
Size
Weight
LH
Hero / H1
글로벌 차트를 위한
56–72px
900
1.1
Heading 2
음악을 움직이는 모든 것
40–48px
800
1.2
Heading 3
하나의 워크스페이스
28–32px
700
1.3
Heading 4
차트 인텔리전스
20–22px
700
1.4
Body
흩어진 팬을 한 링크로 모읍니다.
16px
400
1.6
Small
보조 설명 텍스트
14px
400
1.5
Caption
CAPTION · 캡션
12px
400
1.4
웨이트
각 웨이트는 별도 폰트 패밀리로, 합성 볼드(synthetic-bold)를 쓰지 않습니다.
Aa가
Light
250
캡션 · 보조
Aa가
Regular
400
본문
Aa가
Bold
700
서브 헤딩 · 강조
Aa가
ExtraBold
800
섹션 헤딩 · 히어로
운용 규칙
권장
- · 헤딩은 ExtraBold, 본문은 Regular로 명확히 대비
- · 한글은
word-break:keep-all로 단어 단위 줄바꿈 - · 본문 한 줄은 45–75자 내외 (가독 폭)
- · 자간은 헤딩에 −0.04em 내외 타이트하게
금지
- · 한 화면에 3개 이상 웨이트 혼용
- · 본문에 ExtraBold 장문 사용 (가독성 저하)
- · 가운데 정렬 장문 단락
- · 14px 미만 본문 텍스트
불러오기
<!-- NanumSquare -->
<link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css" rel="stylesheet">
body { font-family: 'NanumSquare', Pretendard, -apple-system, sans-serif; }