한글 페어링 · 큐레이션

비트로 프라이드+푸른전남체

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

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

A:비트로 프라이드· 제작 비트로|B:푸른전남체· 제작 전라남도

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·푸른전남체 가이드

평가 결과 · 2개 케이스

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

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

72제목 비트로 프라이드 · 본문 푸른전남체

비트로 프라이드B=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

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

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

남쪽 바닷바람이 마을 골목을 천천히 지나갑니다.

푸른전남체는 균형 잡힌 자간과 안정적인 골격으로 긴 본문에 적합하며, 비트로 프라이드는 임팩트 있는 형태로 짧은 헤드라인에서 시선을 강하게 끕니다.

분위기: 푸른전남체의 단정하고 친근한 본문 인상과 비트로 프라이드의 자긍심 있고 강렬한 디스플레이 인상이 결합해, 지역성과 자부심이 어우러진 캠페인 톤을 형성합니다.
대비·계층: 본문 sans와 제목 display 간 형태 대비가 뚜렷해 위계가 명확하게 잡히지만, 비트로 프라이드의 장식성이 강해 본문 분량이 길어질수록 톤 충돌 위험이 있습니다.
추천 용도: 지역 캠페인 브로슈어 본문공공 행사 리플릿 안내문지역 관광 가이드북 내지B2C 캠페인 랜딩 본문 영역

어울리는 영문 폰트

제목Plus Jakarta SansManropeGeist

본문InterIBM Plex Sans

푸른전남체 본문은 모던하고 중립적인 라틴 sans와 매칭해 가독성을 유지하고, 비트로 프라이드 제목은 다소 굵고 캐릭터 있는 sans와 합쳐 임팩트를 살립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#1f3a5f

#e8a13a

#f5f1ea

어울리는 산업 톤

공공기관 신뢰지역 관광 따뜻문화행사 캠페인

42제목 푸른전남체 · 본문 비트로 프라이드

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

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

+비트로 프라이드A=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

오늘의 작은 자랑을 기록합니다

비트로 프라이드는 장식적 특성으로 긴 본문 읽기에 부적합하며, 푸른전남체는 제목에서 단정하고 명료한 인상을 제공합니다.

분위기: 비트로 프라이드의 강한 디스플레이 인상이 본문 자리에 놓이면서 푸른전남체의 단정한 산세리프 제목과 톤 충돌이 발생합니다. 디스플레이 폰트를 본문으로 쓰는 시나리오 자체가 가독성 부담을 안고 있습니다.
대비·계층: 본문이 오히려 시각적으로 더 튀고 제목이 차분해 정보 위계가 역전될 위험이 있어 대비 설계가 까다롭습니다.
추천 용도: 짧은 카피 중심 캠페인 페이지굿즈·전시 안내 리플릿이벤트 포스터의 짧은 설명 블록브랜드 무드보드 시안

어울리는 영문 폰트

제목IBM Plex SansInterManropePlus Jakarta Sans

본문SatoshiGeist

푸른전남체의 단정한 제목 톤에는 기하학적 산세리프가 잘 맞고, 본문은 개성 있는 비트로 프라이드의 라틴 보완을 위해 깔끔한 산세리프가 필요합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2d3a4a

#e8a948

#f6f3ec

어울리는 산업 톤

라이프스타일 매거진F&B 친근로컬 브랜드 캠페인

구현 코드 · 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;
}