한글 페어링 · 큐레이션

본고딕+스타일리쉬

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

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

A:본고딕· 제작 어도비·구글|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: 본고딕 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

82제목 스타일리쉬 · 본문 본고딕

스타일리쉬A=제목용

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘의 무드, 당신의 스타일

스타일리쉬는 디스플레이 특성상 큰 사이즈에서 시선을 끌고, 본고딕은 다양한 웨이트와 안정적 자폭으로 긴 본문 가독성을 확실히 지지합니다.

분위기: 스타일리쉬의 감각적이고 트렌디한 인상이 본고딕의 중립적이고 차분한 본문 톤과 만나 세련된 라이프스타일 분위기를 형성합니다.
대비·계층: 디스플레이 vs 정통 산세리프의 구조적 대비가 뚜렷해 제목과 본문의 위계가 자연스럽게 분리됩니다.
추천 용도: 라이프스타일 매거진 표지패션·뷰티 브랜드 캠페인프리미엄 이커머스 랜딩큐레이션 콘텐츠 헤더감성 인쇄물 표제

어울리는 영문 폰트

제목Playfair DisplayManropeSatoshiPlus Jakarta Sans

본문InterSource Sans ProIBM Plex Sans

스타일리쉬의 트렌디한 인상에는 모던 산세리프나 우아한 세리프가 어울리며, 본고딕은 Source 패밀리와 구조적 동질성으로 합성 시 자연스럽습니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#c8a27a

#f5efe6

어울리는 산업 톤

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

58제목 본고딕 · 본문 스타일리쉬

본고딕A=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+스타일리쉬B=본문용

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

오늘의 무드를 한 줄로 정의하다

본고딕은 다양한 웨이트로 제목에서 명확한 존재감을 발휘하지만, 스타일리쉬는 가는 획과 디스플레이 성향 탓에 긴 본문 가독성은 제한적입니다.

분위기: 본고딕의 정제된 모던함과 스타일리쉬의 가늘고 감각적인 인상이 부드럽게 어우러지나, 본문 폰트로서 스타일리쉬는 다소 장식적입니다.
대비·계층: 본고딕의 굵은 웨이트와 스타일리쉬의 얇은 단일 웨이트가 굵기 대비를 만들지만, 두 폰트 모두 산세리프 계열이라 질감 대비는 약합니다.
추천 용도: 라이프스타일 매거진 표지패션·뷰티 룩북감성 카페 메뉴판전시 포스터 서브 카피브랜드 캠페인 비주얼

어울리는 영문 폰트

제목InterHelvetica NeueManropeIBM Plex Sans

본문SatoshiPlus Jakarta Sans

본고딕의 균형 잡힌 구조에는 Inter·Helvetica 계열이 자연스럽게 맞고, 스타일리쉬의 가벼운 인상에는 모던 지오메트릭 산세리프가 톤을 보완합니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#c8a97e

#f5efe6

어울리는 산업 톤

라이프스타일 매거진패션 감성F&B 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Stylish&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Pretendard Variable', sans-serif;
}

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