한글 페어링 · 큐레이션

JS 동까비+싱글데이

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

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

A:JS 동까비· 제작 정스튜디오|B:싱글데이· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: JS 동까비 가이드·싱글데이 가이드

평가 결과 · 2개 케이스

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

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

42제목 JS 동까비 · 본문 싱글데이

JS 동까비A=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

+싱글데이B=본문용

제작구글 한글 폰트상업 무료다운로드

우리 함께 즐거운 하루를 만들어요

싱글데이는 본문용으로 설계되지 않은 손글씨 폰트로, 긴 문장 읽기에 피로도가 높다. JS 동까비도 display 폰트로 본문 역할에는 부적합하며, 제목-본문 간 가독성 차이가 극단적이다.

분위기: JS 동까비의 장난스럽고 귀여운 분위기와 싱글데이의 손글씨 캐주얼함이 겹쳐, 전체적으로 톤이 산만해 보인다. 두 폰트 모두 playful하지만 각각의 개성이 강해 일관된 브랜드 정체성을 형성하기 어렵다.
대비·계층: 두 폰트 모두 weight 400으로 동일하고, 둘 다 비정형적 구조를 가져 시각적 위계 대비가 약하다. 제목과 본문의 명확한 정보 구분이 어렵다.
추천 용도: 어린이 교육 앱 (매우 제한적)캐주얼 이벤트 포스터 (짧은 문구만)아트 프로젝트 또는 실험적 디자인

어울리는 영문 폰트

제목ManropeSatoshiPlus Jakarta Sans

본문InterSource Sans Pro

JS 동까비의 playful 톤을 지탱할 현대적 sans-serif가 필요하며, 본문은 높은 가독성의 중립적 폰트로 균형을 맞춰야 한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b6b

#ffd93d

#f5f5f5

어울리는 산업 톤

키즈 콘텐츠 캐주얼라이프스타일 장난기

42제목 싱글데이 · 본문 JS 동까비

싱글데이A=제목용

제작구글 한글 폰트상업 무료다운로드

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

따뜻한 손글씨로 마음을 전하세요

싱글데이는 제목용으로 눈에 잘 들어오지만, JS 동까비를 본문으로 사용하면 높은 x-height와 강한 획으로 인해 긴 텍스트 읽기에 피로를 줍니다. 본문 폰트로서의 가독성이 부족합니다.

분위기: 싱글데이의 캐주얼하고 친근한 손글씨체와 JS 동까비의 강렬한 디스플레이 특성이 톤 면에서 충돌합니다. 싱글데이는 따뜻하고 개인적인 느낌이지만, JS 동까비는 무거운 임팩트를 추구해 일관성 있는 분위기 형성이 어렵습니다.
대비·계층: 두 폰트 모두 display 성향이 강해 명확한 위계 대비가 생기지 않습니다. 제목과 본문 간 시각적 구분이 약하며, 무게도 동일(400)해 정보 계층이 모호합니다.
추천 용도: 아동 교육용 포스터 (싱글데이 제목 + JS 동까비 부제목 제한적 사용)캐주얼 이벤트 안내장 (단문 중심)어린이 도서 표지 (본문 텍스트 최소화)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

싱글데이의 캐주얼 톤에는 현대적이고 친근한 sans-serif가 어울립니다. Manrope는 둥근 곡선으로 싱글데이의 따뜻함을 강화하고, Inter/Source Sans Pro는 본문 가독성을 보장합니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b6b

#ffd93d

#f8f9fa

어울리는 산업 톤

아동 교육 따뜻함캐주얼 라이프스타일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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