한글 페어링 · 큐레이션

비트로 코어+도현

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

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

A:비트로 코어· 제작 비트로|B:도현· 제작 우아한형제들

→ 각 폰트 종합 가이드: 비트로 코어 가이드·도현 가이드

평가 결과 · 2개 케이스

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

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

45제목 도현 · 본문 비트로 코어

도현A=제목용

제작우아한형제들상업 무료다운로드

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

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

모던한 디자인으로 당신의 브랜드를 표현하세요.

도현은 제목으로 적합하나, 비트로 코어는 display 폰트로 긴 본문 읽기에 부적합하다. 낮은 x-height와 개성 강한 형태로 인해 본문 가독성이 심각하게 저하된다.

분위기: 도현의 기하학적·모던함과 비트로 코어의 개성 강한 디스플레이 톤이 충돌하기 쉽다. 두 폰트 모두 display 성격이 강해 본문용으로 비트로 코어는 가독성이 떨어진다.
대비·계층: 두 폰트 모두 400 weight이고 display 특성이 강해 명확한 위계 대비가 형성되지 않는다. 제목과 본문의 시각적 구분이 약하다.
추천 용도: 짧은 카피·슬로건 조합 (포스터, 배너)브랜드 로고·헤딩만 사용하는 극소수 레이아웃비트로 코어를 본문 대신 accent/강조 텍스트로 제한할 경우만 가능

어울리는 영문 폰트

제목InterManropePlus Jakarta Sans

본문Source Sans ProIBM Plex Sans

도현의 기하학적 모던함에는 중성적이고 균형잡힌 sans-serif(Inter, Source Sans Pro)가 어울린다. 비트로 코어는 display용이므로 영문 본문 페어링은 권장하지 않음.

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

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b35

#f5f5f0

어울리는 산업 톤

스타트업 임팩트디지털 에이전시

45제목 비트로 코어 · 본문 도현

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

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

+도현B=본문용

제작우아한형제들상업 무료다운로드

현대적이고 따뜻한 브랜드 경험

도현은 본문용으로 설계되지 않았으며, 둥근 형태로 인해 긴 텍스트 가독성이 떨어진다. 비트로 코어는 제목으로 충분히 눈에 띄나, 도현과의 크기·무게 대비 부족으로 정보 계층이 모호하다.

분위기: 비트로 코어의 기하학적·현대적 강렬함과 도현의 둥근 친근함이 톤 충돌을 일으킨다. 두 폰트 모두 display 성향이라 제목-본문 위계 구분이 약하다.
대비·계층: 두 폰트 모두 400 무게이고, 스타일 차이(기하학적 vs 둥근)만으로는 명확한 위계를 만들기 어렵다. 제목-본문 간 시각적 대비가 미흡하다.
추천 용도: 짧은 카피·슬로건 조합 (3~5자)포스터·배너 (제목만 강조, 본문 최소화)모바일 UI 헤더 (도현 사용 최소화)

어울리는 영문 폰트

제목ManropeGeistPlus Jakarta Sans

본문InterSource Sans Pro

비트로 코어의 기하학적 현대성을 살리려면 Manrope·Geist 같은 geometric sans가 어울린다. 도현을 본문으로 쓸 경우 Inter·Source Sans Pro의 중성적 가독성이 보완 역할을 한다.

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

48~56px

28~32px

본문

15~17px

line-height

1.6

어울리는 색상

#1a1a1a

#d4a574

#f5f1ed

어울리는 산업 톤

라이프스타일 브랜드 캐주얼스타트업 친근 모던

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');

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

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