TYPOGRAPHY

타이포그래피 14 스케일

Pretendard 한 폰트, letter-spacing −0.3px 전역 고정. 한글 가독성 우선 — Heading / Body / Detail 3계열로 위계를 표현합니다. 강조는 weight로 (Regular → Medium → Semibold → Bold).

폰트 패밀리

font-family: Pretendard, 'Pretendard Variable', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', sans-serif;
letter-spacing: -0.3px 전역 적용. weight: 400 Regular / 500 Medium / 600 Semibold / 700 Bold.

Heading (제목)

5 scales

집이라는 공간에서 누구나 영감을 얻는다

Heading32_Bold

32 / 42 px700

랜딩 히어로, 최대 강조

31평을 1.5룸처럼, 화이트 미니멀로 꾸민 신혼집

Heading24_Bold

24 / 32 px700

페이지 타이틀

오늘의 추천

Heading20_Bold

20 / 28 px700

섹션 타이틀

장바구니가 비어있어요

Heading18_Semibold

18 / 24 px600

서브 타이틀, 카드 헤더

모듈 패브릭 4인 소파

Heading17_Medium

17 / 22 px500

리스트 아이템 헤더

Body (본문)

4 scales

이사 온 지 6개월. 처음엔 비어 보일까 걱정했지만, 색을 화이트로 통일하니 오히려 공간이 넓어 보였어요. 가구는 적게, 대신 좋은 것 하나씩.

Body16L24_Regular

16 / 24 px400

기본 본문

장바구니 담기

Body16L24_Medium

16 / 24 px500

CTA 라벨, 강조 본문

모듈식 구조로 거실 크기에 맞게 자유롭게 배치할 수 있는 4인용 패브릭 소파.

Body15L24_Regular

15 / 24 px400

보조 본문 (상세 설명)

조립 30분 안에 끝났고 패브릭 결이 사진보다 더 따뜻합니다.

Body14L20_Regular

14 / 20 px400

작은 본문 (리뷰, 안내)

Detail (캡션·라벨·메타)

5 scales

★ 4.8 · 리뷰 1,243건

Detail13L18_Regular

13 / 18 px400

캡션 (별점, 메타)

이메일

Detail12L16_Medium

12 / 16 px500

Input 라벨, 강조 캡션

2026.04.22 · 베이지

Detail12L16_Regular

12 / 16 px400

날짜, 옵션 메타

베이지

Detail11L14_Medium

11 / 14 px500

태그, Chip 라벨

1 / 8

Detail10L14_Regular

10 / 14 px400

최소 메타 (인덱스, 페이지)