한글 페어링 · 큐레이션

푸른전남체+코트라 볼드

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

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

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

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

평가 결과 · 2개 케이스

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

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

68제목 코트라 볼드 · 본문 푸른전남체

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

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

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

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

전남의 들녘에 다시 봄이 찾아옵니다

푸른전남체는 균일한 획과 안정된 자형 덕에 긴 문장에서 무리 없이 읽히며, 코트라 볼드는 강한 굵기로 짧은 헤드라인에서 즉각적 시선을 끕니다.

분위기: 푸른전남체의 단정한 산세리프 본문 위에 코트라 볼드가 무게감 있는 강조로 얹혀, 공공·지역 브랜드 특유의 진중하면서도 신뢰감 있는 톤을 만듭니다.
대비·계층: sans 본문과 serif·display 제목의 분류 대비, 그리고 400 대 700의 굵기 차이가 명확한 위계를 형성하지만, 두 폰트 모두 다소 정형적이라 시각적 리듬은 강하지 않습니다.
추천 용도: 지자체 정책 리포트지역 관광 안내 책자공공기관 보도자료지역 브랜드 홍보 웹페이지

어울리는 영문 폰트

제목IBM Plex SerifMerriweatherSource Serif

본문IBM Plex SansSource Sans Pro

코트라 볼드의 견고한 세리프 인상은 IBM Plex Serif·Merriweather와 호응하고, 푸른전남체의 차분한 본문 톤은 Plex Sans 계열과 자연스럽게 합성됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#c89b3c

#f4f1ea

어울리는 산업 톤

공공기관 신뢰지역 브랜드 진정성교육 따뜻

52제목 푸른전남체 · 본문 코트라 볼드

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

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

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

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

전남의 푸른 바람이 도시를 깨운다

푸른전남체는 정돈된 획으로 제목 가독성이 양호하나, 코트라 볼드는 700 단일 웨이트의 디스플레이성 세리프라 긴 본문에는 부담이 큽니다.

분위기: 푸른전남체의 단정하고 공공적인 산세리프 제목이 코트라 볼드의 묵직한 세리프 본문을 만나 격식 있는 인상을 형성하지만, 본문에 볼드 세리프를 쓰는 구조 자체가 가독성을 제약합니다.
대비·계층: 산세리프 제목과 볼드 세리프 본문의 분류 대비는 있으나 본문이 너무 두꺼워 위계가 평탄해지고 제목의 강조가 약화됩니다.
추천 용도: 지자체 캠페인 포스터공공기관 안내 배너지역 행사 리플릿 표지전시 그래픽 헤더

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문IBM Plex SerifSource Serif

푸른전남체의 정돈된 산세리프 골격에는 Inter·IBM Plex Sans처럼 중성적인 영문이 어울리고, 코트라 볼드 세리프 본문에는 동일 계열 세리프를 매칭해 인상 충돌을 줄입니다.

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

40~52px

24~30px

본문

17~19px

line-height

1.7

어울리는 색상

#0b3d62

#c9a24b

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