한글 페어링 · 큐레이션

주아+노토 산스 KR

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

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

A:주아· 제작 우아한형제들|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 주아 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

86제목 주아 · 본문 노토 산스 KR

주아A=제목용

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

+노토 산스 KRB=본문용

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

오늘은 특별한 하루를 시작해요

주아는 굵고 둥근 형태로 제목에서 시선을 강하게 잡아끌고, 노토 산스 KR은 다양한 웨이트와 안정적인 자소 구조 덕분에 긴 본문 가독성이 우수하다.

분위기: 주아의 둥글고 친근한 디스플레이 인상이 노토 산스 KR의 중립적이고 깔끔한 본문과 만나 따뜻하면서도 정돈된 분위기를 만든다.
대비·계층: 장식적 디스플레이 vs 모던 산세리프라는 구조적 대비와 주아 400 vs 노토 400~500의 형태 차이가 명확한 위계를 형성한다.
추천 용도: F&B 브랜드 랜딩페이지교육·키즈 콘텐츠이벤트·프로모션 배너라이프스타일 매거진캐주얼 SNS 카드뉴스

어울리는 영문 폰트

제목FredokaQuicksandPlus Jakarta SansManrope

본문InterIBM Plex SansSource Sans Pro

주아의 둥근 디스플레이 인상에는 Fredoka·Quicksand의 라운드한 곡선이 자연스럽게 어우러지고, 노토 산스 KR 본문에는 Inter·IBM Plex Sans처럼 중립적 산세리프가 톤을 맞춘다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff6b35

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근교육 따뜻라이프스타일 매거진이커머스 깔끔

58제목 노토 산스 KR · 본문 주아

노토 산스 KRA=제목용

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

+주아B=본문용

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

오늘의 메뉴를 발표합니다

노토 산스 KR은 다양한 웨이트로 제목 위계가 명확하지만, 주아는 디스플레이 성격이 강해 긴 본문 가독성은 떨어집니다.

분위기: 노토 산스 KR의 중립적이고 정돈된 인상이 제목을 잡고, 주아의 둥글고 친근한 곡선이 본문에 활기를 더합니다.
대비·계층: 노토 산스 KR Bold/Black의 직선적 골격과 주아의 통통한 곡선이 구조적 대비를 만들어 시각적 구분은 뚜렷합니다.
추천 용도: 어린이·교육 콘텐츠 랜딩F&B 브랜드 프로모션 페이지캠페인 배너·이벤트 페이지SNS 카드뉴스 헤드라인

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문Plus Jakarta SansQuicksand

노토 산스 KR의 모던 산세리프 골격에는 Inter·IBM Plex Sans의 중립적 라틴이 잘 맞고, 주아의 둥근 본문에는 Quicksand·Jakarta Sans 같은 둥근 라틴이 톤을 맞춥니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb547

#fff8ec

어울리는 산업 톤

F&B 친근교육 따뜻이벤트 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@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: 'Jua', sans-serif;
}

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