한글 페어링 · 큐레이션

비트로 프라이드+스포카 한 산스 네오

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

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

A:비트로 프라이드· 제작 비트로|B:스포카 한 산스 네오· 제작 스포카

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

평가 결과 · 2개 케이스

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

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

78제목 비트로 프라이드 · 본문 스포카 한 산스 네오

비트로 프라이드A=제목용ⓘ 미리보기는 프리텐다드

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

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

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

당당하게, 우리만의 길을 갑니다

비트로 프라이드는 큰 사이즈에서 한눈에 시선을 사로잡고, 스포카 한 산스 네오는 다양한 웨이트와 안정적인 자소 구조로 긴 문장 가독성이 우수하다.

분위기: 비트로 프라이드의 강렬하고 자신감 있는 디스플레이 인상이 스포카 한 산스 네오의 모던하고 깔끔한 본문과 만나 임팩트와 정돈된 균형을 만든다.
대비·계층: 디스플레이 폰트의 강한 개성과 산스의 중립적 본문이 자연스러운 시각 위계를 형성하며, 웨이트 점프(400 디스플레이 vs 400~700 본문) 차이가 명확하다.
추천 용도: 스타트업 캠페인 랜딩이벤트·프로모션 포스터브랜드 키비주얼 헤드라인모바일 앱 온보딩 강조 화면

어울리는 영문 폰트

제목GeistManropeSatoshiPlus Jakarta Sans

본문InterIBM Plex Sans

비트로 프라이드의 직선적 자신감에는 모던 지오메트릭 산스가 어울리고, 스포카 한 산스 네오 본문에는 중립적이고 가독성 높은 Inter 계열이 안정적이다.

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

44~56px

26~30px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#ff5a36

#f5f3ee

어울리는 산업 톤

스타트업 임팩트라이프스타일 캠페인이커머스 프로모션

58제목 스포카 한 산스 네오 · 본문 비트로 프라이드

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

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

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

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

오늘의 무드, 산뜻하게 정돈된 하루

제목인 스포카 한 산스 네오는 가독성이 매우 뛰어나 정보 전달이 명료하나, 본문 자리에 놓인 비트로 프라이드는 장문 가독성이 떨어져 짧은 캡션이나 강조 문구에 한정해야 한다.

분위기: 스포카 한 산스 네오의 깔끔한 모던함과 비트로 프라이드의 레트로한 개성이 만나 흥미로운 대비를 만들지만, 본문에 디스플레이 폰트를 쓰는 구조라 톤이 다소 들뜬다.
대비·계층: 기하학적 산세리프와 장식적 디스플레이의 구조 대비는 강하지만, 본문이 더 튀는 역전 구조라 위계가 흐려질 위험이 있다.
추천 용도: 브랜드 캠페인 키 비주얼이벤트 포스터 헤더리테일 프로모션 배너SNS 카드뉴스 표지

어울리는 영문 폰트

제목InterManropeGeistPlus Jakarta Sans

본문Source Sans ProIBM Plex Sans

스포카 한 산스 네오의 중립적이고 기하학적인 골격은 Inter·Manrope 같은 모던 산세리프와 구조적으로 매끄럽게 합성된다.

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

36~44px

24~28px

본문

16~18px

line-height

1.6

어울리는 색상

#1f2937

#ff6b6b

#f5f1ea

어울리는 산업 톤

라이프스타일 매거진이커머스 깔끔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;
}