한글 페어링 · 큐레이션

코트라 도약+스포카 한 산스 네오

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

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

A:코트라 도약· 제작 코트라|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 코트라 도약 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

84제목 코트라 도약 · 본문 스포카 한 산스 네오

코트라 도약A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

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

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

세계로 도약하는 대한민국 기업

도약체는 굵은 획과 또렷한 윤곽으로 제목 주목도가 높고, 스포카 한 산스 네오는 균일한 자폭과 안정된 x-height로 긴 본문 가독성이 뛰어납니다.

분위기: 코트라 도약의 힘 있고 진취적인 세리프가 스포카 한 산스 네오의 깔끔하고 중립적인 본문과 만나 신뢰감과 추진력을 동시에 전달합니다.
대비·계층: 세리프 디스플레이와 산스 본문이라는 명확한 구조적 대비, 그리고 도약 400의 굵은 인상과 스포카 300~400의 가벼움이 강한 위계를 만듭니다.
추천 용도: 기업 비전·캠페인 페이지공공기관 리포트 표지B2B 브랜드 키비주얼수출·산업 매거진연차보고서 헤드라인

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex SerifSource Serif

본문InterIBM Plex SansSource Sans Pro

도약체의 강한 세리프 인상은 Playfair·Plex Serif 같은 대비형 라틴 세리프와 톤이 맞고, 본문은 스포카와 골격이 유사한 모던 산스가 자연스럽게 합성됩니다.

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

44~56px

26~32px

본문

16~17px

line-height

1.7

어울리는 색상

#1a2b4a

#c8a45d

#f4f1ea

어울리는 산업 톤

공공기관 신뢰B2B 수출·산업기업 IR·연차보고정책 캠페인

72제목 스포카 한 산스 네오 · 본문 코트라 도약

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

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

+코트라 도약A=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

수출의 길, 다시 도약을 향해 나아갑니다

코트라 도약은 획이 두꺼워 장문 본문에는 다소 무거우니 사이즈와 자간을 넉넉히 잡아야 합니다. 스포카 한 산스 네오는 제목에서 또렷한 가독성을 보장합니다.

분위기: 코트라 도약의 굵고 단단한 세리프가 본문에서 신뢰감 있는 무게를 만들고, 스포카 한 산스 네오가 제목에서 깔끔하고 현대적인 인상으로 보강합니다.
대비·계층: 세리프 본문 + 산세리프 제목 조합으로 형태 대비가 명확하고, 스포카의 다양한 웨이트로 위계 조절이 자유롭습니다.
추천 용도: 공공기관 리포트 본문수출 산업 백서기업 IR 자료정책 브리핑 문서

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source SerifIBM Plex Serif

스포카 한 산스 네오 제목에는 기하학적 산세리프인 Inter·Manrope가 자연스럽게 합성되고, 코트라 도약 본문은 두께감 있는 세리프 라틴(Source Serif, IBM Plex Serif)이 톤을 유지합니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#1f2a44

#c8a45c

#f4f1ea

어울리는 산업 톤

공공기관 신뢰B2B 무역·수출정책 리포트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f6c41e92d11f8113b1f61131b7d683/css/SpoqaHanSansNeo.css');

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

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