한글 페어링 · 큐레이션

푸른전남체+JS 동까비

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

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

A:푸른전남체· 제작 전라남도|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 푸른전남체 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

62제목 JS 동까비 · 본문 푸른전남체

JS 동까비B=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

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

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

잔잔한 오후, 마을 골목을 천천히 걸었다.

푸른전남체는 균일한 획과 안정적인 자소 구조로 긴 본문에서 안정적으로 읽히며, JS 동까비는 제목·짧은 강조 문구에서 시선을 즉시 잡아끈다.

분위기: 푸른전남체의 단정하고 신뢰감 있는 본문 톤 위에 JS 동까비의 장난기 있는 디스플레이 인상이 얹혀 따뜻하면서도 캐주얼한 분위기를 만든다.
대비·계층: 본문의 정제된 산세리프와 제목의 손글씨 풍 디스플레이 사이에 형태·표정 대비가 뚜렷해 정보 위계가 자연스럽게 분리된다.
추천 용도: 지역 관광·축제 안내 브로슈어 본문교육·어린이 콘텐츠 학습지 본문공공기관 친근형 캠페인 리플릿F&B 메뉴북 설명 텍스트동네 커뮤니티 매거진

어울리는 영문 폰트

제목FrauncesCaveatQuicksand

본문Source Sans ProIBM Plex Sans

푸른전남체 본문에는 차분한 휴머니스트 산세리프가 어울리고, JS 동까비 제목에는 손글씨·라운드 톤의 영문이 표정을 맞춘다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2f5d4a

#e8a33d

#f5efe6

어울리는 산업 톤

공공기관 친근교육 따뜻지역 관광 라이프스타일

42제목 푸른전남체 · 본문 JS 동까비

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

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

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

푸른 남도의 하늘 아래 우리가 있다

푸른전남체는 제목용 가독성이 양호하나, JS 동까비는 디스플레이 폰트라 긴 본문에 사용하면 가독성이 크게 떨어집니다.

분위기: 푸른전남체의 단정한 고딕 인상과 JS 동까비의 장식적·캐주얼한 디스플레이 분위기가 충돌해 일관된 톤 형성이 어렵습니다.
대비·계층: 분류상 sans와 display의 대비는 분명하지만, 본문에 display를 둔 구조라 위계가 오히려 역전되어 정보 전달이 약화됩니다.
추천 용도: 지역 캠페인 포스터 보조축제·이벤트 안내 배너어린이·교육 콘텐츠 짧은 문구SNS 카드뉴스 한정 사용

어울리는 영문 폰트

제목ManropePlus Jakarta SansInterIBM Plex Sans

본문FredokaQuicksand

푸른전남체의 정돈된 고딕 골격에는 기하학 산세리프가 자연스럽고, 본문 JS 동까비의 둥글고 친근한 인상에는 라운드 산세리프가 톤을 맞춥니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1d4f8b

#f6c945

#f4f1ea

어울리는 산업 톤

공공기관 친근지역 관광 캠페인교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 푸른전남체 또는 JS 동까비의 공식 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;
}