한글 페어링 · 큐레이션

비트로 프라이드+노토 산스 KR

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

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

A:비트로 프라이드· 제작 비트로|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

82제목 비트로 프라이드 · 본문 노토 산스 KR

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

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

+노토 산스 KRB=본문용

제작구글·어도비상업 무료다운로드

올여름, 우리만의 컬러로 빛나자

제목의 비트로 프라이드는 독특한 글자 형태로 단번에 시선을 잡고, 본문의 노토 산스 KR은 다국어·고밀도 환경에서도 안정적인 가독성을 보장합니다.

분위기: 비트로 프라이드의 개성 강한 디스플레이 인상이 노토 산스 KR의 중립적이고 정돈된 본문 위에서 또렷한 주인공 역할을 합니다. 톤 충돌 없이 임팩트와 정보 전달의 균형이 잡힙니다.
대비·계층: 디스플레이 vs. 휴머니스트 산스의 카테고리 대비가 크고, 본문 weight를 400~500으로 두고 제목을 그대로 쓰면 위계가 명확하게 형성됩니다.
추천 용도: 캠페인 랜딩 페이지브랜드 이벤트 포스터굿즈·패키지 키 비주얼유튜브 썸네일 타이틀팝업 스토어 안내 그래픽

어울리는 영문 폰트

제목GeistSatoshiPlus Jakarta SansManrope

본문InterIBM Plex Sans

비트로 프라이드의 트렌디한 곡선·개성에 맞춰 제목 영문은 모던 지오메트릭 산스로, 본문은 노토 산스 KR과 자형 골격이 유사한 중립 산스로 매칭합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#ff4f8b

#ffd24c

#fff7f0

어울리는 산업 톤

라이프스타일 캠페인F&B 친근엔터테인먼트 팝이커머스 트렌디

62제목 노토 산스 KR · 본문 비트로 프라이드

노토 산스 KRA=제목용

제작구글·어도비상업 무료다운로드

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

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

도시의 밤, 새로운 감각을 만나다

노토 산스 KR은 모든 웨이트에서 균일한 가독성을 제공해 제목으로 적합하나, 비트로 프라이드는 디스플레이 폰트라 긴 본문에는 부적합하고 짧은 강조 카피에 한정됩니다.

분위기: 노토 산스 KR의 중립적이고 안정된 인상이 비트로 프라이드의 강렬하고 각진 디스플레이 감성과 만나 도시적이고 자신감 있는 분위기를 형성합니다.
대비·계층: 정제된 산세리프 제목과 각지고 캐릭터 강한 디스플레이 본문의 시각 대비가 뚜렷해 위계는 살아나지만, 본문 가독성이 희생되는 트레이드오프가 있습니다.
추천 용도: 브랜드 캠페인 비주얼이벤트 포스터패션·스트리트 광고SNS 키 비주얼

어울리는 영문 폰트

제목InterHelvetica NeueGeistIBM Plex Sans

본문ManropePlus Jakarta Sans

노토 산스 KR의 중립적 골격에는 Inter·Helvetica Neue 같은 정통 산세리프가 자연스럽게 합성되고, 디스플레이 본문 보조에는 약간의 캐릭터를 가진 Manrope가 균형을 맞춥니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff4d2e

#f5f1ea

어울리는 산업 톤

패션 스트리트라이프스타일 매거진스타트업 임팩트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Sans KR', sans-serif;
}