한글 페어링 · 큐레이션

푸른전남체+개구

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

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

A:푸른전남체· 제작 전라남도|B:개구· 제작 김인엽

→ 각 폰트 종합 가이드: 푸른전남체 가이드·개구 가이드

평가 결과 · 2개 케이스

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

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

42제목 푸른전남체 · 본문 개구

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

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

+개구B=본문용

제작김인엽상업 무료다운로드

따뜻한 전남의 맛을 손으로 쓴 이야기

개구는 손글씨 특성상 본문 장문 읽기에 피로도가 높고, 푸른전남체는 제목용으로 충분히 명확하나 두 폰트 간 시각적 위계가 뚜렷하지 않아 정보 흐름이 약하다.

분위기: 푸른전남체의 기하학적 산세리프와 개구의 손글씨체가 분위기 충돌을 일으킨다. 전자는 현대적·공식적 톤, 후자는 캐주얼·개인적 톤으로 일관성이 약하다.
대비·계층: weight 대비(400/700 vs 300/400/700)는 존재하지만, 구조적 차이(기하학적 vs 필기체)가 너무 커서 오히려 어색함을 증가시킨다. 제목-본문 간 명확한 위계보다 '불일치'가 먼저 인지된다.
추천 용도: 어린이·교육 콘텐츠 (손글씨 친근감 활용)캐주얼 이벤트 포스터 (분위기 충돌 감수 시)개인 블로그·일기 스타일 (비공식 톤)

어울리는 영문 폰트

제목InterRobotoSource Sans Pro

본문ManropePlus Jakarta Sans

푸른전남체의 기하학적 모던함을 보강하려면 Inter·Roboto 같은 중립적 sans가 필수. 개구와 조합할 경우 영문도 손글씨(예: Caveat)를 고려하되, 가독성 손실 위험이 크므로 권장하지 않음.

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

36~44px

20~24px

본문

16~18px

line-height

1.7

어울리는 색상

#1a4d7a

#f5a623

#f5efe6

어울리는 산업 톤

지역 문화·관광어린이 교육

42제목 개구 · 본문 푸른전남체

개구A=제목용

제작김인엽상업 무료다운로드

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

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

즐거운 전남 여행을 떠나보세요

개구는 제목으로 첫눈에 들어오는 개성이 있으나, 손글씨 특성상 긴 제목에서 가독성이 떨어질 수 있다. 푸른전남체는 본문용으로 충분히 명확하지만 handwriting과의 위계 대비가 약하다.

분위기: 개구(handwriting)의 친근하고 캐주얼한 손글씨 감성과 푸른전남체(sans)의 공공기관 신뢰성 톤이 충돌한다. 분위기의 일관성이 약해 통일된 브랜드 인상을 만들기 어렵다.
대비·계층: handwriting(개구)과 sans(푸른전남체) 간 구조적 대비는 존재하지만, 개구 400과 푸른전남체 400의 시각적 무게감이 유사해 제목-본문 위계가 모호하다. 개구 700을 제목으로 강제해야 명확한 대비가 생긴다.
추천 용도: 아동·교육 콘텐츠 (친근한 제목 필요)지역 공공 캠페인 (푸른전남체의 공공성 활용)캐주얼 이벤트 포스터 (손글씨 감성 극대화)SNS 카드형 콘텐츠 (짧은 제목 중심)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

개구의 캐주얼한 손글씨 감성을 보완하려면 geometric sans(Manrope, Satoshi)가 현대적 균형을 맞춘다. 본문은 중립적이고 읽기 편한 humanist sans(Inter, Source Sans Pro)가 푸른전남체와 조화롭다.

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

36~44px

20~24px

본문

16~17px

line-height

1.6

어울리는 색상

#2c5aa0

#f4a460

#f5f5f0

어울리는 산업 톤

지역 공공기관 신뢰아동·교육 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&display=swap');

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

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