한글 페어링 · 큐레이션

검은고딕+동그라미재단 ㄱ체

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

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

A:검은고딕· 제작 Zess Type|B:동그라미재단 ㄱ체· 제작 동그라미재단

→ 각 폰트 종합 가이드: 검은고딕 가이드·동그라미재단 ㄱ체 가이드

평가 결과 · 2개 케이스

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

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

68제목 검은고딕 · 본문 동그라미재단 ㄱ체

검은고딕B=제목용

제작Zess Type상업 무료다운로드

+동그라미재단 ㄱ체A=본문용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

작은 이야기가 모여 큰 변화를 만듭니다.

동그라미재단 ㄱ체는 부드러운 곡선과 안정적인 자족으로 본문 호흡이 편안하며, 검은고딕은 두께가 매우 굵어 짧은 헤드라인에서만 시인성이 확보됩니다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 인간적인 세리프 본문 위에 검은고딕의 강렬한 디스플레이 헤드라인이 얹혀, 서정과 임팩트가 교차하는 캠페인 톤을 만듭니다.
대비·계층: 본문 세리프의 가는 획과 헤드라인 900 두께의 극단적 굵기 대비로 정보 위계가 즉각 드러나며, 분류(serif vs display) 차이까지 더해져 시각 충돌은 강하지만 명료합니다.
추천 용도: 사회공헌 캠페인 브로슈어교육기관 본문 중심 매거진스토리텔링 웹 기사비영리 연차보고서

어울리는 영문 폰트

제목AntonArchivo BlackBebas Neue

본문Source SerifLora

검은고딕의 굵은 임팩트는 Anton·Archivo Black 같은 콘덴스드/블랙 산세리프와 무게감이 맞고, ㄱ체 본문은 인간적 세리프인 Source Serif·Lora와 자연스럽게 호흡합니다.

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

44~56px

26~32px

본문

17~18px

line-height

1.7

어울리는 색상

#1a1a1a

#d94f30

#f5efe6

어울리는 산업 톤

비영리 따뜻교육 캠페인라이프스타일 매거진

58제목 동그라미재단 ㄱ체 · 본문 검은고딕

동그라미재단 ㄱ체B=제목용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

+검은고딕A=본문용

제작Zess Type상업 무료다운로드

굵은 외침이 페이지를 가득 메운다

검은고딕은 굵기 900의 디스플레이 폰트라 긴 본문에는 부담스럽지만 짧은 카피·인용 단락에서는 시선을 강하게 붙잡는다. 동그라미재단 ㄱ체는 제목에서 안정적인 가독성을 보장한다.

분위기: 검은고딕의 묵직한 임팩트를 본문 역할로 두고 동그라미재단 ㄱ체의 단정한 세리프가 제목을 맡으면, 강렬함과 인문적 차분함이 교차하는 독특한 톤이 형성된다.
대비·계층: 본문이 굵고 제목이 상대적으로 가는 역전 구조라 일반적 위계와 어긋나지만, 의도적으로 본문 카피에 무게를 싣는 편집 디자인에서는 신선한 대비를 만든다.
추천 용도: 전시 도록의 인용 단락 강조캠페인 포스터의 짧은 본문 슬로건브랜드 매니페스토 페이지출판물 챕터 오프닝

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문AntonArchivo Black

제목 세리프 ㄱ체에는 고전적 라틴 세리프가 어울리고, 본문 역할의 검은고딕에는 동일하게 굵은 디스플레이 산세리프를 짝지어 톤을 맞춘다.

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

32~40px

22~26px

본문

18~22px

line-height

1.7

어울리는 색상

#1a1a1a

#c0392b

#f5efe6

어울리는 산업 톤

문화예술 캠페인출판 매거진브랜드 매니페스토

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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