한글 페어링 · 큐레이션

푸른전남체+스포카 한 산스 네오

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

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

A:푸른전남체· 제작 전라남도|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 푸른전남체 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 푸른전남체 · 본문 스포카 한 산스 네오

푸른전남체A=제목용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

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

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

전남의 푸른 바다를 만나다

푸른전남체는 700 무게에서 제목으로 명확히 인식되며, 스포카 한 산스 네오는 본문 가독성이 검증된 산스로 긴 글 읽기에 안정적입니다.

분위기: 푸른전남체의 지역적 정체성과 단단한 인상이 스포카 한 산스 네오의 중립적이고 깔끔한 톤과 결합해 차분하면서도 신뢰감 있는 분위기를 만듭니다.
대비·계층: 제목의 개성 있는 굵은 획과 본문의 균일하고 모던한 골격이 위계 차이를 분명히 만들어 정보 구조가 잘 정리됩니다.
추천 용도: 공공기관 웹사이트지역 관광 콘텐츠교육 자료지자체 브로슈어공익 캠페인 랜딩

어울리는 영문 폰트

제목IBM Plex SansManropeInterPlus Jakarta Sans

본문InterSource Sans Pro

푸른전남체의 단정한 골격과 어울리는 기하학적 산스를 제목에, 스포카 한 산스 네오의 중립적 본문 톤과 매칭되는 Inter 계열을 본문에 배치하면 톤이 일관됩니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#1d4e89

#4a90b8

#f4f6f8

어울리는 산업 톤

공공기관 신뢰지역 관광 친근교육 따뜻

78제목 스포카 한 산스 네오 · 본문 푸른전남체

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

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

+푸른전남체A=본문용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

전남의 햇살이 닿는 마을을 거닐다

푸른전남체는 균일한 자폭과 또렷한 획으로 긴 본문에 무난하며, 스포카 한 산스 네오 Bold는 제목에서 또렷하게 시선을 끕니다.

분위기: 푸른전남체의 차분하고 단정한 인상이 본문을 안정적으로 잡아주고, 스포카 한 산스 네오의 모던하고 정제된 제목이 산뜻한 톤을 더합니다.
대비·계층: 두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만, 웨이트(400 본문 vs 700 제목)와 사이즈 차이로 충분한 위계가 형성됩니다.
추천 용도: 지역 공공기관 안내 책자 본문교육 자료 학습 콘텐츠지자체 웹사이트 본문 영역관광 안내 리플렛 설명문사보·소식지 내지

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문Source Sans ProIBM Plex Sans

푸른전남체 본문의 단정한 형태에는 Source Sans Pro·IBM Plex Sans의 중립적 인상이 잘 맞고, 스포카 한 산스 네오 제목에는 기하학적이고 모던한 Inter·Manrope가 동일한 톤을 형성합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#5a9bb8

#f4f1ea

어울리는 산업 톤

공공기관 신뢰교육 따뜻지역 브랜딩 정직

구현 코드 · 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;
}