한글 페어링 · 큐레이션

배달의민족 한나Pro+IBM 플렉스 산스 KR

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:IBM 플렉스 산스 KR· 제작 IBM

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·IBM 플렉스 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

78제목 배달의민족 한나Pro · 본문 IBM 플렉스 산스 KR

배달의민족 한나ProA=제목용

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

+IBM 플렉스 산스 KRB=본문용

제작IBM상업 무료다운로드

오늘은 진짜 맛있는 한 끼!

한나Pro는 큰 제목에서 강한 캐릭터로 시선을 잡고, Plex Sans KR은 다양한 웨이트와 안정적인 자형으로 긴 본문 가독성을 확보합니다.

분위기: 한나Pro의 친근하고 손글씨 같은 디스플레이 인상이 IBM Plex Sans KR의 단정한 기하학적 본문과 만나 위트와 신뢰를 균형 있게 전달합니다.
대비·계층: 디스플레이 vs 정제된 산세리프의 구조적 대비가 뚜렷해 정보 위계가 자연스럽게 형성되며, 본문 weight를 300~400으로 두면 제목의 임팩트가 더 살아납니다.
추천 용도: F&B 브랜드 랜딩페이지캠페인·이벤트 포스터라이프스타일 매거진 표지친근한 톤의 SNS 카드뉴스스타트업 홍보 자료

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문IBM Plex SansInter

한나Pro의 둥글고 친근한 인상에는 살짝 라운드한 지오메트릭 산세리프가 어울리고, 본문은 같은 패밀리인 IBM Plex Sans로 통일감을 확보합니다.

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

44~56px

26~32px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2a29

#f6c344

#fbf7f0

어울리는 산업 톤

F&B 친근라이프스타일 매거진이커머스 캐주얼

52제목 IBM 플렉스 산스 KR · 본문 배달의민족 한나Pro

IBM 플렉스 산스 KRA=제목용

제작IBM상업 무료다운로드

+배달의민족 한나ProB=본문용

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

기술이 사람을 만나는 순간

제목용 Plex Sans KR은 다양한 웨이트로 명료하게 읽히지만, 본문에 디스플레이 성격의 한나Pro를 쓰면 긴 문장 가독성이 떨어집니다.

분위기: IBM Plex Sans KR의 기업적·기술적 정제미와 한나Pro의 친근한 손글씨 감성이 톤적으로 충돌하는 편입니다. 제목은 차분한데 본문이 캐주얼해 일관성이 떨어집니다.
대비·계층: 구조(기하학적 산세리프 vs 손글씨 디스플레이)에서 대비는 강하지만, 웨이트가 한나Pro 400 단일이라 위계 조정 폭이 제한적입니다.
추천 용도: IT 기업의 캐주얼 캠페인 페이지B2B 서비스의 친근한 온보딩 화면테크 컨퍼런스 이벤트 페이지사내 문화 소개 자료

어울리는 영문 폰트

제목IBM Plex SansInterManropeGeist

본문IBM Plex SansSource Sans Pro

Plex Sans KR은 동일 패밀리의 IBM Plex Sans와 완벽히 합성되며, 기하학적 산세리프 계열과도 구조가 잘 맞습니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#0f62fe

#ff7eb6

#f4f4f4

어울리는 산업 톤

B2B SaaS 친근화테크 캠페인스타트업 임팩트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNAPro/subsets/BMHANNAPro-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;300;400;500;700&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'BM HANNA Pro', sans-serif;
}

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