한글 페어링 · 큐레이션

비트로 코어+스포카 한 산스 네오

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

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

A:비트로 코어· 제작 비트로|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 비트로 코어 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

74제목 비트로 코어 · 본문 스포카 한 산스 네오

비트로 코어B=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

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

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

오늘의 문장이 내일의 브랜드를 만듭니다

스포카 한 산스 네오는 5단계 웨이트와 균형 잡힌 자소 비례로 긴 본문 가독성이 우수합니다. 비트로 코어는 디스플레이 특성상 짧은 제목·키비주얼에 한정해 사용하는 것이 안전합니다.

분위기: 스포카 한 산스 네오의 단정하고 중립적인 본문 톤이 비트로 코어의 기하학적이고 독특한 제목 표정을 안정적으로 받쳐줍니다. 본문이 차분하게 흐르면서 제목이 시각적 포인트로 도드라집니다.
대비·계층: 본문의 휴머니스트 산스와 제목의 기하학적 디스플레이가 형태 대비를 만들며, 단일 웨이트의 비트로 코어가 명확한 헤드라인 강조 역할을 합니다.
추천 용도: 스타트업 브랜드 웹사이트 본문 영역제품 소개 랜딩 페이지이벤트 페이지의 긴 설명 영역뉴스레터 본문 타이포디지털 매거진 아티클

어울리는 영문 폰트

제목GeistSatoshiManrope

본문InterIBM Plex Sans

스포카 한 산스 네오 본문에는 x-height가 안정적인 Inter·IBM Plex Sans가 자연스럽게 흐르고, 비트로 코어 제목에는 기하학적이고 모던한 Geist·Satoshi 계열이 형태적 일관성을 만듭니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#ff5a36

#f5f3ee

어울리는 산업 톤

스타트업 임팩트디지털 매거진테크 브랜딩

58제목 스포카 한 산스 네오 · 본문 비트로 코어

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

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

+비트로 코어B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

도시의 밤, 새로운 리듬을 켜다

스포카 한 산스 네오는 제목에서 또렷한 자소 구조로 가독성이 우수합니다. 비트로 코어는 디스플레이 특성상 긴 본문에는 부담이 있어 짧은 캡션·강조 텍스트로 한정하는 편이 안전합니다.

분위기: 스포카 한 산스 네오의 깔끔하고 중립적인 인상이 비트로 코어의 각진 디스플레이 개성과 만나 모던한 긴장감을 만듭니다. 다만 본문 역할에는 비트로 코어가 다소 강해 톤 균형이 까다롭습니다.
대비·계층: 범용 산세리프 제목과 개성 강한 디스플레이 본문의 역할 대비가 명확합니다. 다만 본문이 시각적으로 더 튀는 역전 구조라 위계 설계에 세심한 사이즈·컬러 조정이 필요합니다.
추천 용도: 브랜드 캠페인 키비주얼전시·이벤트 포스터프로모션 랜딩 페이지패션·라이프스타일 매거진SNS 카드뉴스 헤더

어울리는 영문 폰트

제목InterManropeGeistPlus Jakarta Sans

본문Space GroteskIBM Plex Mono

스포카 한 산스 네오의 기하학적 중립감은 Inter·Manrope 같은 모던 산세리프와 정합이 좋고, 비트로 코어의 각진 디스플레이 감각은 Space Grotesk의 약간 비정형적 리듬과 잘 어울립니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff4d2e

#f5efe6

어울리는 산업 톤

라이프스타일 매거진스타트업 임팩트F&B 트렌디문화·전시

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