한글 페어링 · 큐레이션

푸른전남체+본고딕

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

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

A:푸른전남체· 제작 전라남도|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 푸른전남체 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 푸른전남체 · 본문 본고딕

푸른전남체A=제목용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

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

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

남도의 빛, 새로운 이야기를 시작합니다

푸른전남체는 700 웨이트에서 제목으로 또렷하게 시선을 잡고, 본고딕은 다양한 굵기와 정제된 자소 설계로 긴 본문에서도 안정적인 가독성을 보장합니다.

분위기: 푸른전남체의 지역적 정체성과 단정한 인상이 본고딕의 중립적 톤과 만나 신뢰감 있고 따뜻한 공공·문화 분위기를 형성합니다.
대비·계층: 두 폰트 모두 산세리프지만 푸른전남체의 지역 캐릭터가 묻어나는 형태와 본고딕의 표준적 골격이 명확한 역할 구분을 만들어 위계가 잘 살아납니다.
추천 용도: 지자체 브랜딩 웹사이트지역 문화 행사 포스터공공기관 리포트 표지관광 안내 브로슈어교육 캠페인 랜딩페이지

어울리는 영문 폰트

제목ManropePlus Jakarta SansIBM Plex SansInter

본문InterSource Sans Pro

푸른전남체의 친근하면서 단정한 인상에는 Manrope·Plus Jakarta Sans의 부드러운 지오메트릭 톤이 어울리고, 본고딕 본문에는 동일 설계 철학을 가진 Source Sans Pro가 자연스럽게 호환됩니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#1f4e79

#6fb98f

#f4f1ea

어울리는 산업 톤

공공기관 신뢰지역 브랜딩 따뜻문화·관광 친근교육 캠페인

78제목 본고딕 · 본문 푸른전남체

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

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

+푸른전남체A=본문용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

전남의 사계, 그 빛깔을 담다

푸른전남체는 적당한 자폭과 균형 잡힌 골격으로 본문 가독성이 안정적이며, 본고딕은 다양한 웨이트로 제목에서 명확한 시선 집중을 만듭니다.

분위기: 푸른전남체의 지역적 따뜻함과 본고딕의 정제된 모던함이 만나 단정하면서도 친근한 톤을 형성합니다.
대비·계층: 본고딕 700~900을 제목에 쓰면 푸른전남체 400 본문과의 굵기 대비가 또렷해 정보 위계가 분명해집니다.
추천 용도: 지자체 홍보물공공 캠페인 웹페이지교육·문화 매거진지역 브랜드 리포트

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source Sans ProInter

본고딕은 Source Sans Pro와 동일 디자인 계보를 가져 합성 글꼴 시 구조가 자연스럽고, 푸른전남체 본문에는 중립적인 Inter가 잘 어울립니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#1f4e79

#7cb342

#f4f1ea

어울리는 산업 톤

공공기관 신뢰지역 브랜드 따뜻교육 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 푸른전남체 또는 본고딕의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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