한글 페어링 · 큐레이션

구기+빛의 계승자

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

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

A:구기· 제작 윤디자인|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 구기 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

42제목 구기 · 본문 빛의 계승자

구기A=제목용

제작윤디자인상업 무료다운로드

+빛의 계승자B=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

신비로운 세계로 떠나는 모험

빛의 계승자는 본문용으로 설계되지 않은 display 폰트로, 긴 문장 가독성이 낮습니다. 구기도 제목용 display이므로 본문 역할에 부적합합니다.

분위기: 구기의 둥근 친근함과 빛의 계승자의 기하학적 모던함이 충돌하여 일관된 톤을 형성하기 어렵습니다. 두 폰트 모두 display 계열이지만 성격이 상이합니다.
대비·계층: 두 폰트 모두 weight 400으로 동일하여 제목과 본문 간 시각적 위계가 명확하지 않습니다. 크기 차이만으로는 충분한 대비를 만들기 어렵습니다.
추천 용도: 짧은 카피 중심 광고·포스터 (본문 회피)게임·엔터테인먼트 UI (display 특성 활용)타이틀 + 서브타이틀 조합 (본문 텍스트 제외)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

구기의 둥근 친근함을 보완하려면 기하학적 산세리프(Manrope, Geist)가 적합하고, 본문은 중립적 가독성이 높은 폰트(Inter, Source Sans Pro)를 권장합니다.

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

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#2d2d2d

#7c5dfa

#f8f6f1

어울리는 산업 톤

게임·판타지 콘텐츠엔터테인먼트 브랜딩

42제목 빛의 계승자 · 본문 구기

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

+구기B=본문용

제작윤디자인상업 무료다운로드

새로운 모험이 당신을 기다리고 있습니다.

구기는 본문용 display 폰트로 설계되지 않아 긴 텍스트 가독성이 현저히 떨어짐. 제목용 빛의 계승자도 본문 역할에는 부적합하며, 두 폰트 모두 body 용도에 최적화되지 않음.

분위기: 두 폰트 모두 둥근 곡선과 친근한 인상을 가졌으나, 빛의 계승자는 세련된 모던함을, 구기는 아동·캐주얼 톤을 강하게 드러내 분위기 일관성이 약함.
대비·계층: 두 폰트 모두 weight 400으로 동일하고 display 분류로 겹쳐, 제목-본문 간 명확한 위계 대비가 형성되지 않음. 크기 차이만으로는 정보 계층이 약함.
추천 용도: 게임·엔터테인ment 인터페이스 (display 특성 활용)아동·교육용 콘텐츠 (구기의 친근함 강점)캐주얼 모바일 앱 UI (제목 강조 필요 시만 제한적 사용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterRoboto

빛의 계승자의 모던한 곡선미와 구기의 친근함을 모두 보완하려면 균형잡힌 sans-serif 필요. Manrope·Plus Jakarta Sans는 둥근 곡선으로 두 폰트와 조화롭고, 본문은 높은 가독성의 Inter·Roboto 권장.

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

48~56px

28~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2d2d2d

#ff6b9d

#f9f7f4

어울리는 산업 톤

게임·엔터테인먼트아동·교육 콘텐츠

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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