designnews

한글 페어링 · 큐레이션

동해독도+함초롬바탕

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

평가 케이스
2개
평균 점수
35점
관련 페어
6개
A:동해독도· 제작 LE'TS|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: 동해독도 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

42제목 동해독도 · 본문 함초롬바탕
동해독도B=제목용
제작LE'TS상업 무료다운로드
+함초롬바탕A=본문용ⓘ 미리보기는 프리텐다드
제작한컴비상업 무료다운로드
손글씨 감성의 제목으로 따뜻한 이야기를 전합니다.

함초롬바탕은 본문용 serif로 긴 글 읽기에 충분히 적합하지만, 동해독도는 display/handwriting 폰트로 제목 용도에도 무게감과 명확성이 부족하다. 정보 위계 구분이 약하다.

분위기
함초롬바탕의 전통적이고 차분한 serif 인상과 동해독도의 캐주얼하고 손글씨 느낌이 톤 충돌을 일으킨다. 격식과 캐주얼함의 불균형으로 일관된 브랜드 분위기 형성이 어렵다.
대비·계층
두 폰트 간 구조적 대비(serif vs handwriting)는 있으나, 동해독도가 400 단일 무게만 제공되어 본문의 400/700과 충분한 시각적 계층을 만들지 못한다. 제목과 본문의 무게 차이가 미묘하다.
추천 용도
아동·교육 콘텐츠 (손글씨 폰트의 친근함 활용)캐주얼 블로그·SNS 포스트 (격식 낮은 톤)이벤트 포스터·안내문 (제목 강조 필요)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi
본문Source SerifLora

함초롬바탕의 serif 전통성을 유지하려면 Source Serif나 Lora 같은 따뜻한 serif 영문이 어울린다. 제목은 동해독도의 캐주얼함을 보완할 현대적 sans(Manrope, Plus Jakarta)가 낫다.

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

h1
32~40px
h2
20~24px
본문
16~18px
line-height
1.65

어울리는 색상

#2c2416
#d4a574
#f9f6f0

어울리는 산업 톤

교육·학습 따뜻함라이프스타일 캐주얼
28제목 함초롬바탕 · 본문 동해독도
함초롬바탕B=제목용ⓘ 미리보기는 프리텐다드
제작한컴비상업 무료다운로드
+동해독도A=본문용
제작LE'TS상업 무료다운로드
손글씨 감성과 전통의 어색한 만남

동해독도는 display/handwriting 폰트로 본문 장문 읽기에 부적합하며, 함초롬바탕은 제목용으로는 무겁고 딱딱한 인상을 준다. 역할 배치 자체가 각 폰트의 강점을 활용하지 못한다.

분위기
동해독도의 캐주얼하고 손글씨 감성이 함초롬바탕의 전통적이고 격식 있는 세리프 톤과 충돌한다. 두 폰트가 추구하는 분위기가 상반되어 일관된 브랜드 톤을 형성하기 어렵다.
대비·계층
두 폰트 간 weight 대비(400 vs 400/700)가 약하고, 스타일 차이(handwriting vs serif)가 명확하지만 정보 위계를 명확히 하기보다는 시각적 혼란을 야기한다.
추천 용도
아동용 교육 콘텐츠 (손글씨 감성 + 전통 세리프의 혼합 가능성 제한)캐주얼 이벤트 포스터 (분위기 불일치로 비권장)전통과 현대의 대비를 의도한 실험적 디자인 (매우 제한적)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora
본문InterSource Sans Pro

함초롬바탕의 전통 세리프 톤에는 고전적 serif 영문(Playfair, EB Garamond)이 어울리며, 동해독도 같은 캐주얼 폰트와는 별도로 본문용 sans-serif를 병행해야 가독성을 확보할 수 있다.

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

h1
28~36px
h2
18~22px
본문
14~16px
line-height
1.6

어울리는 색상

#2c2416
#d4a574
#f9f6f0

어울리는 산업 톤

전통 출판 (한정적)아동 교육 (실험적)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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

관련 페어 · 같은 폰트 포함

동해독도 또는 함초롬바탕 들어간 다른 인기 페어