한글 페어링 · 큐레이션

비트로 프라이드+스타일리쉬

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

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

A:비트로 프라이드· 제작 비트로|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

42제목 스타일리쉬 · 본문 비트로 프라이드

스타일리쉬A=제목용

제작LE'TS상업 무료다운로드

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

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

새로운 시즌, 새로운 스타일을 만나다

비트로 프라이드는 display 폰트로 본문 가독성이 매우 낮다. 제목-본문 위계 구분이 명확하지 않아 정보 전달이 비효율적이다.

분위기: 스타일리쉬의 기하학적·모던함과 비트로 프라이드의 장식적·개성 강한 분위기가 충돌한다. 두 폰트 모두 display 특성이 강해 함께 쓰면 시각적 혼란을 유발한다.
대비·계층: 두 폰트 모두 400 weight이고 display 특성이 강해 무게감 대비가 부족하다. 시각적 위계 설정이 어렵다.
추천 용도: 짧은 카피 중심 광고(포스터·배너) - 제목만 강조브랜드 로고·심볼 - 개성 강한 단어 표현이벤트 프로모션 - 임팩트 있는 헤드라인

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

스타일리쉬의 모던함을 보완하려면 기하학적이고 중성적인 sans-serif(Manrope, Satoshi)가 어울린다. 본문은 높은 가독성의 neutral sans(Inter, Source Sans Pro)가 필수다.

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

48~64px

32~40px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f5

어울리는 산업 톤

이커머스 트렌드라이프스타일 매거진

42제목 비트로 프라이드 · 본문 스타일리쉬

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

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

+스타일리쉬B=본문용

제작LE'TS상업 무료다운로드

대담한 디자인으로 시선을 사로잡다

스타일리쉬는 본문용 산세리프로 충분한 가독성을 갖추었으나, 비트로 프라이드는 디스플레이 폰트로 제목에서만 효과적이며 두 폰트 모두 weight 400으로 제목-본문 간 시각적 위계 구분이 약하다.

분위기: 비트로 프라이드의 강한 기하학적 디스플레이 성격과 스타일리쉬의 세련된 산세리프가 톤 충돌을 일으킨다. 전자는 대담하고 실험적이며, 후자는 우아하고 정제된 인상으로 일관성이 부족하다.
대비·계층: 두 폰트 모두 400 weight로 동일하여 제목과 본문 간 명확한 대비가 부족하다. 기하학적 구조의 차이는 있으나 무게감 차이가 없어 정보 계층이 모호해진다.
추천 용도: 실험적 톤의 디지털 매거진 (제목만 비트로 프라이드 사용 시)현대미술·갤러리 웹사이트 (디스플레이 성격 강화)스타트업 랜딩페이지 (톤 조정 필요)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

비트로 프라이드의 기하학적 성격에는 현대적 산세리프 Manrope나 Geist가 어울리며, 스타일리쉬 본문에는 중립적이고 가독성 높은 Inter나 Source Sans Pro가 균형을 맞춘다.

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

48~64px

28~36px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#d4a574

#f5f1ed

어울리는 산업 톤

현대미술·디자인스타트업 실험적 톤

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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