한글 페어링 · 큐레이션

비트로 프라이드+대한항공

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

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

A:비트로 프라이드· 제작 비트로|B:대한항공· 제작 대한항공

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·대한항공 가이드

평가 결과 · 2개 케이스

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

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

68제목 비트로 프라이드 · 본문 대한항공

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

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

+대한항공B=본문용ⓘ 미리보기는 프리텐다드

제작대한항공상업 무료다운로드

지금, 가장 자유로운 여행을 떠나요

제목의 비트로 프라이드는 단어 단위 시선 집중에 효과적이고, 본문의 대한항공은 깔끔한 sans 구조로 짧은 단락에서 무리 없이 읽힙니다.

분위기: 비트로 프라이드의 자유분방한 디스플레이 인상이 대한항공의 정제된 항공 브랜드 톤과 만나, 활기와 신뢰가 공존하는 분위기를 만듭니다.
대비·계층: 디스플레이의 강한 개성 vs 단정한 sans 본문이라는 분명한 역할 분리가 위계를 만들어 주지만, 제목이 과도하게 튀어 정보 밀도가 높은 화면에서는 균형 조정이 필요합니다.
추천 용도: 여행·라이프스타일 캠페인 포스터이벤트 랜딩 페이지 헤드라인프로모션 배너브랜드 매거진 표지

어울리는 영문 폰트

제목SatoshiGeistPlus Jakarta SansManrope

본문InterIBM Plex Sans

비트로 프라이드의 둥글고 친근한 디스플레이 특성에는 살짝 모던한 지오메트릭 sans가 잘 맞고, 본문 대한항공과는 중립적이고 x-height가 안정된 Inter 계열이 톤을 유지합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#0b3d91

#e86a33

#f4efe6

어울리는 산업 톤

여행·항공 라이프스타일이커머스 프로모션라이프스타일 매거진

42제목 대한항공 · 본문 비트로 프라이드

대한항공A=제목용ⓘ 미리보기는 프리텐다드

제작대한항공상업 무료다운로드

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

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

하늘 위에서 마주한 새로운 여정

대한항공 폰트는 큰 사이즈 제목에서 또렷한 인상을 주지만, 본문에 디스플레이 성격의 비트로 프라이드를 쓰는 구조 자체가 긴 글 가독성에 불리합니다.

분위기: 대한항공의 우아하고 정제된 디스플레이 인상과 비트로 프라이드의 굵고 직설적인 캐릭터가 톤 면에서 충돌합니다. 한쪽은 항공사 브랜드 특유의 품격, 다른 한쪽은 거친 그래픽 무드라 통일감 확보가 어렵습니다.
대비·계층: 두 폰트 모두 강한 개성을 지닌 디스플레이라 위계는 만들어지지만, 본문 영역에서 시각적 노이즈가 커져 정보 계층이 정돈되지 않습니다.
추천 용도: 항공·여행 캠페인 키비주얼이벤트 포스터한정판 프로모션 배너브랜드 콜라보 굿즈

어울리는 영문 폰트

제목Playfair DisplayHelvetica NeueManrope

본문InterIBM Plex Sans

대한항공의 단정한 디스플레이 인상은 고전적 세리프나 정제된 산세리프와 잘 어울리며, 본문 자리에 들어가는 비트로의 거친 톤은 중성적 산세리프로 균형을 잡아야 합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#0f4c81

#c8102e

#f4f1ec

어울리는 산업 톤

항공·여행 프리미엄이벤트 캠페인라이프스타일 매거진

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