한글 페어링 · 큐레이션

코트라 볼드+선플라워

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

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

A:코트라 볼드· 제작 코트라|B:선플라워· 제작 LE'TS

→ 각 폰트 종합 가이드: 코트라 볼드 가이드·선플라워 가이드

평가 결과 · 2개 케이스

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

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

42제목 코트라 볼드 · 본문 선플라워

코트라 볼드B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+선플라워A=본문용

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

현대적 감성으로 전통을 재해석하다

선플라워 300~500 weight는 본문 가독성이 양호하나, 코트라 볼드는 700 weight만 제공되어 제목용으로는 과하게 무겁다. 두 폰트 간 weight 선택지 불균형으로 인한 위계 조정의 유연성 부족.

분위기: 선플라워의 부드럽고 현대적인 sans-serif 분위기와 코트라 볼드의 견고하고 전통적인 serif 분위기가 충돌한다. 두 폰트의 성격 차이가 커서 일관된 브랜드 톤을 형성하기 어렵다.
대비·계층: sans와 serif의 구조적 대비는 명확하지만, 선플라워의 가벼운 모던함과 코트라 볼드의 무거운 고전미가 동일 프로젝트 내에서 부조화를 일으킨다. 정보 위계보다 스타일 충돌이 더 두드러진다.
추천 용도: 전통과 현대의 대비를 의도적으로 노출하는 실험적 에디토리얼문화유산 + 현대 기술을 다루는 교육 콘텐츠 (제한적)고급 출판물의 부분 활용 (표지 vs 본문 분리 시)

어울리는 영문 폰트

제목IBM Plex SerifSource Serif ProEB Garamond

본문InterSource Sans Pro

코트라 볼드의 serif 특성에 맞춰 클래식한 serif 영문 폰트를 권장하고, 선플라워 본문용으로는 중성적이고 읽기 좋은 sans-serif를 선택하여 각 폰트의 개성을 살린다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

문화·예술 기관 공식고급 출판·매거진

42제목 선플라워 · 본문 코트라 볼드

선플라워A=제목용

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

+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

선플라워와 코트라의 조화로운 페어링

코트라 볼드는 700 무게의 serif display 폰트로 긴 본문 읽기에 적합하지 않으며, 선플라워 역시 display 특성상 소문자 본문에서 가독성이 저하됩니다. 제목-본문 위계 구분이 명확하지 않습니다.

분위기: 선플라워의 부드럽고 친근한 sans-serif 분위기와 코트라 볼드의 무거운 serif 디스플레이 톤이 충돌하여 일관된 브랜드 정체성을 형성하기 어렵습니다. 두 폰트 모두 display 용도로 설계되어 본문 역할에 부적합합니다.
대비·계층: 선플라워(300~700)의 무게 변화폭이 풍부하지만, 코트라 볼드는 700 단일 무게만 제공되어 대비 조절 범위가 극히 제한적입니다. sans와 serif의 구조적 대비는 있으나 두 폰트 모두 display 특성으로 인해 정보 위계 표현에 약합니다.
추천 용도: 포스터·배너 등 단문 디스플레이 (선플라워 주도)브랜드 로고타입 (선플라워 가능)제목-본문 조합 실무 부적합

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문Source Sans ProInter

선플라워의 부드러운 sans 톤과 어울리는 현대적 sans-serif 영문 폰트를 권장합니다. 코트라 볼드는 본문 역할이 부적합하므로 별도 serif 페어는 제시하지 않습니다.

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

48~64px

32~40px

본문

16~18px

line-height

1.6

어울리는 색상

#2d2d2d

#f5a623

#f9f7f4

어울리는 산업 톤

라이프스타일 매거진디스플레이 광고 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Sunflower:wght@300;500;700&display=swap');

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

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