한글 페어링 · 큐레이션

본고딕+양진체

두 한글 폰트의 큐레이션·점수화 페어링. 어울리는 영문 폰트, 권장 사이즈, 색상 팔레트, 산업 톤까지 한 페이지에서.

평가 케이스: 2개
평균 점수: 68점
관련 페어: 6개

A:본고딕· 제작 어도비·구글|B:양진체· 제작 김양진

→ 각 폰트 종합 가이드: 본고딕 가이드·양진체 가이드

평가 결과 · 2개 케이스

제목·본문 컨텍스트별 페어 분석

점수, 어울리는 영문 폰트, 권장 크기, 색상 팔레트를 케이스별로.

78제목 양진체 · 본문 본고딕

양진체B=제목용

제작김양진상업 무료

+본고딕A=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘의 이야기를 차분히 전합니다

본고딕은 폭넓은 웨이트와 균형 잡힌 자형으로 긴 본문에 매우 적합하며, 양진체는 짧은 제목·캐치프레이즈에서 강렬한 첫인상을 줍니다.

분위기: 본고딕의 차분하고 중립적인 본문 위에 양진체의 거칠고 손글씨 같은 제목이 얹혀 정제됨과 거친 에너지의 대비가 살아납니다.
대비·계층: 기하학적이고 정돈된 본고딕과 불규칙한 획의 양진체 사이에 형태적 대비가 강해 정보 위계가 또렷이 구분됩니다.
추천 용도: 브랜드 캠페인 랜딩 페이지 본문매거진형 콘텐츠 기사 본문이커머스 상세 페이지 설명스타트업 소개서 본문 영역

어울리는 영문 폰트

제목AntonBebas NeueArchivo Black

본문InterIBM Plex Sans

본문은 본고딕과 구조가 닮은 중립적 산세리프가, 제목은 양진체의 거친 인상과 어울리는 굵고 컨덴스드한 영문이 자연스럽습니다.

권장 사이즈 (한국어 기준)

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#d94f2a

#f5efe6

어울리는 산업 톤

라이프스타일 매거진F&B 친근스타트업 임팩트

58제목 본고딕 · 본문 양진체

본고딕A=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+양진체B=본문용

제작김양진상업 무료

오늘의 거리, 우리의 목소리

본고딕은 제목용으로 명료하게 읽히지만, 양진체는 디스플레이 성향이 강해 본문에 장문으로 쓰면 가독성이 빠르게 떨어진다.

분위기: 본고딕의 정제된 모던함과 양진체의 거칠고 손글씨적 인상이 충돌할 여지가 있으나, 강렬한 캠페인 맥락에서는 신선한 긴장감을 만들 수 있다.
대비·계층: 정제된 산세리프 제목과 손글씨 톤 본문의 질감 대비가 크지만, 양진체 단일 웨이트(400) 한계로 정보 위계 조절이 제한적이다.
추천 용도: 청년·문화 캠페인 포스터전시 그래픽 보조 카피SNS 카드뉴스 짧은 본문독립서점·로컬 브랜딩

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문SatoshiGeist

본고딕의 기하학적 균형에는 Inter·IBM Plex Sans가, 양진체의 자유로운 손글씨 인상에는 Satoshi·Geist의 약간 캐주얼한 산세리프가 톤을 맞춘다.

권장 사이즈 (한국어 기준)

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#e8533f

#f5efe6

어울리는 산업 톤

문화·예술 캠페인라이프스타일 매거진독립 브랜드 스토리텔링

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/yangjin/subsets/yangjin-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'Pretendard Variable', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'yangjin', sans-serif;
}