한글 페어링 · 큐레이션

비트로 프라이드+한컴 말랑말랑

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

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

A:비트로 프라이드· 제작 비트로|B:한컴 말랑말랑· 제작 한컴

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·한컴 말랑말랑 가이드

평가 결과 · 2개 케이스

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

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

68제목 비트로 프라이드 · 본문 한컴 말랑말랑

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

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

+한컴 말랑말랑A=본문용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

오늘도 당신의 하루를 응원합니다

말랑말랑은 둥근 형태로 짧은~중간 길이 본문에 친근감을 주며, 비트로 프라이드는 디스플레이 특성상 단어 단위 제목에서 시선을 강하게 잡습니다.

분위기: 한컴 말랑말랑의 둥글고 부드러운 인상이 본문을 차분하게 이끌고, 비트로 프라이드의 강렬한 디스플레이 캐릭터가 제목에서 임팩트를 더해 친근함과 자신감이 공존하는 톤을 만듭니다.
대비·계층: 둥근 sans 본문과 개성 강한 display 제목 사이에 형태·웨이트 대비가 뚜렷해 정보 위계가 분명하게 나뉘는 편입니다.
추천 용도: 캠페인 랜딩 페이지이벤트 포스터 서브카피브랜드 SNS 카드뉴스팝업스토어 안내물리테일 매장 사이니지

어울리는 영문 폰트

제목SatoshiGeistManrope

본문Plus Jakarta SansManrope

말랑말랑의 둥근 본문 톤에는 부드러운 곡선의 Plus Jakarta Sans·Manrope가 자연스럽고, 제목 Bitro Pride에는 임팩트가 살아있는 Satoshi·Geist가 균형을 맞춥니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff5a3c

#ffd66e

#fff8ee

어울리는 산업 톤

F&B 친근라이프스타일 캐주얼이커머스 발랄교육 따뜻

38제목 한컴 말랑말랑 · 본문 비트로 프라이드

한컴 말랑말랑A=제목용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

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

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

오늘도 말랑말랑 기분 좋은 하루

말랑말랑은 제목에서 친근하고 또렷하게 읽히지만, 디스플레이 폰트인 비트로 프라이드를 본문으로 쓰면 긴 문장 가독성이 크게 떨어집니다.

분위기: 한컴 말랑말랑의 둥글고 부드러운 인상이 제목을 이끌지만, 비트로 프라이드의 강한 디스플레이 개성과 톤이 충돌해 일관된 분위기를 만들기 어렵습니다.
대비·계층: 곡선 중심의 둥근 산세리프와 각진 디스플레이 폰트가 형태 대비는 강하지만, 위계라기보다 스타일 충돌에 가까워 정보 계층이 흐려집니다.
추천 용도: 어린이·교육 콘텐츠 표지이벤트 배너 헤드라인캐주얼 SNS 카드뉴스프로모션 키비주얼

어울리는 영문 폰트

제목QuicksandNunitoPlus Jakarta SansManrope

본문InterSource Sans Pro

말랑말랑의 둥근 터미널과 친근한 곡선에는 Quicksand·Nunito처럼 라운드 처리된 영문 산세리프가 자연스럽게 어울립니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#ff8fa3

#ffd66b

#fff8ec

어울리는 산업 톤

교육 따뜻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;
}