한글 페어링 · 큐레이션

푸른전남체+가비아 마음결

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

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

A:푸른전남체· 제작 전라남도|B:가비아 마음결· 제작 가비아

→ 각 폰트 종합 가이드: 푸른전남체 가이드·가비아 마음결 가이드

평가 결과 · 2개 케이스

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

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

78제목 푸른전남체 · 본문 가비아 마음결

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

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

+가비아 마음결B=본문용

제작가비아상업 무료다운로드

전남의 푸른 바다, 마음에 새기다

푸른전남체 700은 굵은 획으로 제목 시인성이 우수하며, 마음결 400은 둥근 종결부 덕에 긴 문장도 부담 없이 읽힙니다.

분위기: 푸른전남체의 단단하고 또렷한 인상이 제목에서 신뢰감을 주고, 가비아 마음결의 부드럽고 따뜻한 본문이 친근함을 더합니다.
대비·계층: 직선적인 제목과 부드러운 곡선의 본문 간 형태 대비가 자연스러운 위계를 형성하지만, 둘 다 sans 400 계열이 겹칠 경우 차이가 약해질 수 있습니다.
추천 용도: 지자체 홍보물공공기관 웹사이트지역 관광 브로슈어교육·문화 캠페인B2B 서비스 소개 페이지

어울리는 영문 폰트

제목InterIBM Plex SansManropePlus Jakarta Sans

본문Source Sans ProInter

푸른전남체의 또렷한 골격은 Inter·IBM Plex Sans의 균형 잡힌 라틴과 잘 맞고, 본문 마음결의 부드러움은 Source Sans Pro의 인간적 곡선과 톤이 어울립니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#0f4c81

#5ba3b8

#f4f1ea

어울리는 산업 톤

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

72제목 가비아 마음결 · 본문 푸른전남체

가비아 마음결B=제목용

제작가비아상업 무료다운로드

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

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

남도의 바람이 글 사이로 천천히 스며든다.

푸른전남체는 400 웨이트가 균일한 자폭으로 긴 문장 가독성을 확보하며, 마음결은 제목에 짧게 쓸 때 시선을 끄는 친근한 인상을 준다.

분위기: 푸른전남체가 단단하고 차분한 본문 흐름을 이끌고, 가비아 마음결이 부드러운 손글씨 결로 따뜻한 강조를 더한다.
대비·계층: 정돈된 산세리프 본문과 손글씨 감성 제목이 형태적 대비를 만들지만, 두 폰트 모두 굵기 폭이 좁아 위계는 사이즈와 색으로 보강해야 한다.
추천 용도: 지역 브랜딩 소개 페이지 본문교육·문화 캠페인 리플릿에세이형 블로그 본문 조판공공 행사 안내문

어울리는 영문 폰트

제목CaveatShadows Into LightQuicksand

본문Source Sans ProIBM Plex Sans

본문은 푸른전남체의 단정한 골격과 호환되는 중립 산세리프가, 제목은 마음결의 손글씨 결을 살리는 캐주얼 스크립트 또는 라운드 산세리프가 잘 어울린다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c4a3e

#d9a05b

#f5efe6

어울리는 산업 톤

지역 공공 브랜딩교육 따뜻라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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