한글 페어링 · 큐레이션

코트라 볼드+스포카 한 산스 네오

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

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

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

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

평가 결과 · 2개 케이스

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

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

82제목 코트라 볼드 · 본문 스포카 한 산스 네오

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

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

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

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

글로벌 시장을 여는 새로운 도약

코트라 볼드는 세리프 디스플레이 특유의 강한 획으로 제목 주목도가 높고, 스포카 한 산스 네오는 본문에서 검증된 가독성을 보여줍니다.

분위기: 코트라 볼드의 묵직하고 공신력 있는 인상이 스포카 한 산스 네오의 깔끔하고 현대적인 본문 톤과 균형감 있게 조화됩니다.
대비·계층: 세리프 700 제목과 산스 400 본문의 분류·웨이트 대비가 명확해 정보 위계가 자연스럽게 형성됩니다.
추천 용도: 공공기관 리포트기업 IR 자료B2B 브로슈어수출입 산업 웹사이트정책 발표 자료

어울리는 영문 폰트

제목Source SerifMerriweatherIBM Plex SerifEB Garamond

본문InterIBM Plex SansPretendard Latin

코트라 볼드의 세리프 인상은 Source Serif·IBM Plex Serif 같은 정제된 세리프와 구조가 맞고, 스포카 한 산스 네오는 Inter·IBM Plex Sans와 x-height·중성적 톤이 유사합니다.

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

40~52px

26~30px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2a44

#c8a96a

#f5f3ee

어울리는 산업 톤

공공기관 신뢰B2B 수출입기업 IR 정제정책 커뮤니케이션

58제목 스포카 한 산스 네오 · 본문 코트라 볼드

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

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

+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드

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

내일을 여는 단단한 약속

제목인 스포카 한 산스 네오는 균형 잡힌 자형으로 첫눈에 잘 들어오지만, 본문에 배치된 코트라 볼드는 700 단일 웨이트의 강한 디스플레이 성격이라 긴 문장 가독성이 떨어진다.

분위기: 스포카 한 산스 네오의 깔끔하고 중성적인 인상이 코트라 볼드의 굵고 단호한 디스플레이 세리프와 만나 모던과 클래식이 교차하는 톤을 만든다.
대비·계층: 산세리프 제목과 볼드 세리프 본문이라는 구조적 대비는 분명하나, 본문이 제목보다 시각 무게가 더 무거워 정보 위계가 역전될 위험이 있다.
추천 용도: 공공기관 캠페인 포스터전시 그래픽 메인 비주얼브랜드 리포트 표지이벤트 키 비주얼단문 헤드라인 카드뉴스

어울리는 영문 폰트

제목InterIBM Plex SansManropeGeist

본문Source SerifIBM Plex Serif

스포카 한 산스 네오는 기하학적 균형의 모던 산세리프와, 코트라 볼드는 굵은 세리프 라틴과 구조·웨이트가 자연스럽게 맞물린다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c8462c

#f5efe6

어울리는 산업 톤

공공기관 신뢰문화예술 기관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;
}