한글 페어링 · 큐레이션

주아+스포카 한 산스 네오

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

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

A:주아· 제작 우아한형제들|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 주아 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

86제목 주아 · 본문 스포카 한 산스 네오

주아A=제목용

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

+스포카 한 산스 네오B=본문용

제작스포카상업 무료다운로드

오늘도 맛있는 하루 보내세요

주아는 굵고 둥근 형태로 제목에서 시선을 강하게 끌고, 스포카 한 산스 네오는 다양한 웨이트와 균형 잡힌 자소 구조로 긴 본문도 부담 없이 읽힙니다.

분위기: 주아의 둥글고 친근한 손글씨풍 제목이 스포카 한 산스 네오의 깔끔하고 중성적인 본문과 만나 친근하면서도 정돈된 톤을 형성합니다.
대비·계층: 디스플레이성 주아와 모던 산스 스포카 한 산스 네오 사이에 형태·인상의 대비가 뚜렷해 정보 위계가 자연스럽게 나뉩니다.
추천 용도: F&B 브랜드 랜딩 페이지이벤트·프로모션 배너어린이·교육 콘텐츠캐주얼 모바일 앱 온보딩라이프스타일 SNS 카드뉴스

어울리는 영문 폰트

제목FredokaQuicksandNunitoBaloo 2

본문InterSource Sans ProIBM Plex Sans

주아의 둥근 모서리와 친근한 인상은 Fredoka·Quicksand 같은 라운디드 산스와 톤이 맞고, 스포카 본문은 Inter·Source Sans Pro 같은 중성적 산스와 자소 폭·웨이트 균형이 잘 맞습니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#ff7a45

#ffd56b

#fff8ee

어울리는 산업 톤

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

58제목 스포카 한 산스 네오 · 본문 주아

스포카 한 산스 네오A=제목용

제작스포카상업 무료다운로드

+주아B=본문용

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

오늘의 작은 발견을 함께 나눠요

제목인 스포카 한 산스 네오는 깔끔한 비례로 시선을 잘 잡아주지만, 주아는 디스플레이 성향이 강해 긴 본문 가독성은 떨어집니다.

분위기: 스포카 한 산스 네오의 정제된 중립감과 주아의 둥글고 친근한 손글씨 인상이 부드럽게 만나지만, 본문에서 주아의 디스플레이 성격이 톤을 다소 흐트러뜨립니다.
대비·계층: 산세리프 제목과 둥근 디스플레이 본문이라는 구조 차이로 시각적 대비는 확보되나, 웨이트 단계만으로 위계를 표현하기에는 본문 폰트가 너무 강조됩니다.
추천 용도: 이벤트 랜딩 페이지어린이·교육 콘텐츠F&B 프로모션 배너캐주얼 브랜드 SNS 카드뉴스

어울리는 영문 폰트

제목InterPretendard LatinManropePlus Jakarta Sans

본문QuicksandNunito

스포카 한 산스 네오는 중립적 지오메트릭 산세리프와 구조가 잘 맞고, 주아의 둥근 인상은 라운드 터미널을 가진 영문 산세리프와 호흡이 자연스럽습니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#ff7a45

#ffd66b

#fff8ec

어울리는 산업 톤

F&B 친근교육 따뜻이커머스 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f6c41e92d11f8113b1f61131b7d683/css/SpoqaHanSansNeo.css');

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

/* 본문 */
body, p {
  font-family: 'Spoqa Han Sans Neo', sans-serif;
}