한글 페어링 · 큐레이션

동그라미재단 ㄱ체+스타일리쉬

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

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

A:동그라미재단 ㄱ체· 제작 동그라미재단|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: 동그라미재단 ㄱ체 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

62제목 스타일리쉬 · 본문 동그라미재단 ㄱ체

스타일리쉬A=제목용

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

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

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

오늘의 작은 취향을 발견하는 시간

제목 스타일리쉬는 디스플레이 특성상 짧은 헤드라인에서 시선을 끌고, 본문 동그라미재단 ㄱ체는 손글씨 기반의 친근함으로 중간 길이 문단까지 무리 없이 읽힙니다.

분위기: 스타일리쉬의 감각적이고 트렌디한 인상이 동그라미재단 ㄱ체의 따뜻하고 인간적인 세리프와 만나 부드러운 감성을 형성합니다.
대비·계층: 디스플레이 산세리프 제목과 휴머니스트 세리프 본문이 구조적으로 구분되지만, 두 폰트 모두 무게가 가벼워 위계 강조를 위해 사이즈 차이를 충분히 둘 필요가 있습니다.
추천 용도: 라이프스타일 매거진 표지감성 브랜드 캠페인 페이지문화 전시 리플렛독립 출판물 챕터 도입부

어울리는 영문 폰트

제목Playfair DisplayManropePlus Jakarta Sans

본문LoraEB Garamond

스타일리쉬의 모던 디스플레이 감각은 대비 있는 Playfair나 둥근 Manrope와 어울리고, 본문 ㄱ체의 휴머니스트 결은 Lora·EB Garamond의 부드러운 세리프 흐름과 자연스럽게 맞물립니다.

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

44~56px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2218

#c89b6c

#f5efe6

어울리는 산업 톤

라이프스타일 매거진감성 F&B문화·전시 브랜딩

58제목 동그라미재단 ㄱ체 · 본문 스타일리쉬

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

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

+스타일리쉬A=본문용

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

오늘의 작은 이야기를 담아 전합니다

스타일리쉬는 디스플레이 특성상 장문 본문에서 피로감이 생길 수 있으나 짧은 문단에서는 개성있게 읽힙니다. 동그라미재단 ㄱ체 제목은 700 웨이트로 또렷하게 시선을 잡습니다.

분위기: 스타일리쉬가 본문에서 모던한 감성을 전달하고 동그라미재단 ㄱ체가 제목에서 따뜻한 인문학적 무게감을 더합니다. 디스플레이 산세리프 본문과 세리프 제목이라는 역방향 구조가 독특한 분위기를 만듭니다.
대비·계층: 세리프 제목과 산세리프 본문의 구조적 대비, 700 vs 400 웨이트 차이로 위계는 충분히 확보됩니다. 다만 본문이 디스플레이 폰트라 제목과의 인상 차이가 다소 약해질 수 있습니다.
추천 용도: 짧은 에세이 카드뉴스 본문라이프스타일 매거진 캡션전시 도록 설명 텍스트브랜드 스토리 페이지

어울리는 영문 폰트

제목EB GaramondLoraIBM Plex SerifMerriweather

본문ManropePlus Jakarta SansInter

제목 세리프의 인문학적 톤에는 클래식한 라틴 세리프가, 본문 디스플레이 산세리프에는 균형 잡힌 지오메트릭 산세리프가 어울립니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2118

#c08552

#f5efe6

어울리는 산업 톤

라이프스타일 매거진문화예술 큐레이션감성 F&B

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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