한글 페어링 · 큐레이션

스포카 한 산스 네오+스타일리쉬

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

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

A:스포카 한 산스 네오· 제작 스포카|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: 스포카 한 산스 네오 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

74제목 스타일리쉬 · 본문 스포카 한 산스 네오

스타일리쉬A=제목용

제작LE'TS상업 무료다운로드

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

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

도시의 밤을 입다, 새로운 감각

스타일리쉬는 큰 사이즈에서 시각적 매력이 살아나는 디스플레이 폰트로 제목에 적합하며, 스포카 한 산스 네오는 다양한 웨이트와 균형 잡힌 자형으로 본문 가독성이 뛰어나다.

분위기: 스타일리쉬의 얇고 우아한 디스플레이 인상이 스포카 한 산스 네오의 정제된 모던함과 만나 세련되고 도시적인 톤을 만든다.
대비·계층: 디스플레이 vs 휴머니스트 산스의 구조 차이와 웨이트 폭(400 vs 100~700)이 충분해 위계가 명확히 잡힌다.
추천 용도: 라이프스타일 매거진 표지패션·뷰티 브랜드 랜딩큐레이션 커머스 헤더전시·문화 행사 포스터

어울리는 영문 폰트

제목Playfair DisplayManropePlus Jakarta Sans

본문InterIBM Plex Sans

스타일리쉬의 얇고 장식적인 라인은 Playfair Display의 우아함이나 Manrope의 모던 감각과 잘 어울리고, 본문은 Inter·IBM Plex Sans가 스포카 한 산스 네오의 정돈된 인상과 자연스럽게 합쳐진다.

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

44~56px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#c9a96e

#f5efe6

어울리는 산업 톤

패션·뷰티 세련라이프스타일 매거진프리미엄 이커머스

58제목 스포카 한 산스 네오 · 본문 스타일리쉬

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

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

+스타일리쉬B=본문용

제작LE'TS상업 무료다운로드

오늘의 무드를 담은 한 페이지

제목의 스포카 한 산스 네오는 명료한 자소 구조로 첫눈에 잘 들어오지만, 본문에 쓰인 스타일리쉬는 얇은 획과 디스플레이 성격 때문에 긴 글 가독성이 떨어집니다.

분위기: 스포카 한 산스 네오의 깔끔하고 중립적인 모던함이 스타일리쉬의 가늘고 장식적인 디스플레이 인상과 만나 세련된 부티크 톤을 형성합니다. 다만 두 폰트의 성격 차이가 커서 톤 정합에 신중한 운용이 필요합니다.
대비·계층: 제목의 안정적인 산세리프와 본문의 가늘고 키 큰 디스플레이체가 굵기·인상에서 뚜렷한 대비를 만들어 정보 위계는 살아납니다. 단, 본문 사이즈를 충분히 키워야 위계가 자연스럽습니다.
추천 용도: 패션 룩북 표지라이프스타일 매거진 섹션 타이틀뷰티 브랜드 캠페인 페이지전시 리플릿 인트로

어울리는 영문 폰트

제목InterPretendard LatinManropeIBM Plex Sans

본문Source Sans ProPlus Jakarta Sans

스포카 한 산스 네오의 모던 지오메트릭 골격은 Inter·Manrope처럼 균형 잡힌 휴머니스트 산세리프와 합성 시 자소 높이와 웨이트가 자연스럽게 맞물립니다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c08a5e

#f5efe6

어울리는 산업 톤

라이프스타일 매거진패션 부티크뷰티 큐레이션

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f6c41e92d11f8113b1f61131b7d683/css/SpoqaHanSansNeo.css');
@import url('https://fonts.googleapis.com/css2?family=Stylish&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Spoqa Han Sans Neo', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Stylish', sans-serif;
}