한글 페어링 · 큐레이션

푸른전남체+코트라 도약

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

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

A:푸른전남체· 제작 전라남도|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: 푸른전남체 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

68제목 코트라 도약 · 본문 푸른전남체

코트라 도약B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

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

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

전남의 바람과 바다, 그 이야기를 전합니다.

푸른전남체는 적당한 x-height와 균일한 획으로 긴 본문에서 안정적인 가독성을 보장하며, 코트라 도약은 제목에서 또렷한 존재감을 발휘합니다.

분위기: 푸른전남체의 단정하고 친근한 산세리프 본문 위에 코트라 도약의 묵직한 세리프 제목이 얹혀 공공·기관적 신뢰감을 형성합니다. 다만 두 폰트 모두 공공 제작 특성상 톤이 약간 정형적입니다.
대비·계층: 산세리프 본문과 세리프 제목의 구조적 대비가 명확해 정보 위계가 자연스럽게 분리되며, 도약의 강한 세리프가 표제와 본문 흐름을 효과적으로 끊어줍니다.
추천 용도: 지자체·공공기관 백서 본문 조판지역 관광·정책 브로슈어 장문 페이지교육 자료 본문 영역기관 뉴스레터 리딩 텍스트보고서 내지 본문

어울리는 영문 폰트

제목Source SerifEB GaramondIBM Plex Serif

본문IBM Plex SansSource Sans Pro

본문 푸른전남체의 단정한 휴머니스트 산세리프 골격은 IBM Plex Sans 계열과 자연스럽게 합성되며, 제목 도약의 두툼한 세리프는 Source Serif·Plex Serif의 안정된 세리프 구조와 톤이 일치합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#c9a96e

#f4f1ea

어울리는 산업 톤

공공기관 신뢰지역 문화·관광교육 따뜻

62제목 푸른전남체 · 본문 코트라 도약

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

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

+코트라 도약B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

전남의 푸른 바다, 새로운 도약을 시작하다

푸른전남체는 제목에서 또렷한 획으로 가독성이 좋고, 코트라 도약체는 본문 길이에서 차분히 읽히지만 화면 환경에서는 사이즈 보정이 필요하다.

분위기: 푸른전남체의 단정한 지역 공공 산세리프 인상이 코트라 도약체의 진중한 세리프 본문과 만나 공적이고 안정적인 톤을 만든다.
대비·계층: 산세리프 제목과 세리프 본문 조합으로 구조적 대비가 분명하나, 두 폰트 모두 공공·기관 톤이라 시각적 임팩트는 다소 절제된 편이다.
추천 용도: 지방자치단체 홍보물공공기관 백서·보고서지역 관광 브로슈어정책 발표 자료

어울리는 영문 폰트

제목IBM Plex SansSource Sans ProInterManrope

본문Source SerifIBM Plex SerifLora

푸른전남체의 정돈된 공공 산세리프 인상에는 IBM Plex Sans 계열의 신뢰감 있는 라틴이, 코트라 도약체의 세리프 본문에는 동일 패밀리 감각의 Plex Serif·Source Serif가 자연스럽게 어울린다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#3b8ea5

#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;
}