CJ ENM
각진 흰 지면에 전용 국문서체를 양수 자간으로 넓게 깔고, 주황 한 색으로만 소리를 낸다.
CJ ENM은 자사 전용 국문서체 'CJ ONLYONE NEW'로 지면 전체를 조판한 미디어 기업 사이트입니다. 검정 헤더 120px 아래에서 주황 64px 영문으로 열고, 국문 제목은 같은 60px 자리를 그대로 물려받아 전용서체 Bold로 씁니다. 라운드가 사실상 없고(전 페이지 통틀어 16px 2회) 그림자도 0개라 모서리가 각진 인상이며, 자간을 전 구간 양수(+1.5%)로 벌린 것이 국문 본문 17px lh1.65와 함께 이 사이트의 조판 규칙입니다. 브랜드 전용 국문서체를 가진 기업 사이트를 설계할 때, 그리고 국문·영문이 같은 크기 단을 공유하는 이원 조판을 볼 때 참고하기 좋습니다.
https://www.cjenm.comColor Palette
Primary
Label
Line
Background
Static
Accent
Typography
CJ ONLYONE NEW body · 400 / 700국문 본문·UI 전담 (자사 전용서체)
CJ ONLYONE NEW title · 700국문 제목 (자사 전용서체 Bold)
Circular Std · 400 / 500 / 700영문 디스플레이·UI (라틴 전용)
iconfont · 400아이콘 폰트
Type Scalepx 기준은 layout
hero64px · 700 · 1.12
Handgloves 123
page-title60px · 700 · 1.1
Handgloves 123
section46px · 700 · 1.3
Handgloves 123
lead32px · 700 · 1.12
Handgloves 123
h324px · 700 · 1.42
Handgloves 123
card-title-ko22px · 400 · 1.45
다람쥐 헌 쳇바퀴
body-ko17px · 400 · 1.65
다람쥐 헌 쳇바퀴
ui17px · 400 · 1
Handgloves 123
body-sm15px · 400 · 1.6
다람쥐 헌 쳇바퀴
caption12px · 400 · 1.33
다람쥐 헌 쳇바퀴
국문 · Korean
| hangulFont | CJ ONLYONE NEW body 18,565글리프(91.5%) · CJ ONLYONE NEW title 1,716글리프(8.5%) — 자사 전용서체 두 파일이 한글 20,284글리프를 100% 그린다. OS 폴백 유출 0건(Apple SD Gothic Neo는 라틴 10글리프뿐) |
| hangulWeights | 400 body 16,765 · 700 body 1,800 + title 1,716. 두 단이 전부이고 300·500은 선언만 있고 unloaded — 국문에 중간 웨이트가 없다 |
| body | 17px w400 lh1.65 자간 +0.255px(+1.5%) — CJ ONLYONE NEW body, count 14 |
| sub | 60px w700 lh1.10(페이지 타이틀) · 46px w700 lh1.30(섹션) · 32px w700 lh1.12(리드) · 24px w700 lh1.42(소제목) · 22px w400 lh1.45(카드 제목) |
| label | 15px w400 lh1.60 +0.225px ×44 · 12px w400 lh1.33 +0.12px ×58 |
| mixing | 국문·영문이 크기 단을 공유한다 — 60px/700 페이지 타이틀 자리를 영문(Visionary·Culture·FAQ)과 국문('최애의 사원'·'법적고지')이 페이지에 따라 번갈아 쓰고, 46px/32px/24px도 마찬가지다. 서체만 CJ ONLYONE NEW title ↔ Circular Std로 바뀐다. 혼용 문단에서는 CJ ONLYONE NEW body가 라틴까지 함께 그린다(라틴 9,823글리프) |
| hangulHeadings | 있다 — 60px/700 lh1.10(콘텐츠 상세 '최애의 사원' y120 · 법적고지 y120 · 운영방침 y120) · 46px/700('CJ ENM이 일하는 방식' culture y1382) · 32px/700(홈 CTA 리드 y1458 · 뉴스 상세 제목) · 24px/700 ×10(FAQ 질문·조항 제목·인물명). 다만 홈 폴드를 여는 64px 히어로는 영문이다 |
| verdict | 자사 전용 국문서체를 가진 기업 사이트의 표준 레퍼런스다. 60px/700 국문 대형 조판이 실재하고, 무엇보다 자간을 대형에서도 양수(+0.43%)로 유지하는 드문 사례라 '국문 대형은 자간을 좁힌다'는 통념의 반례로 인용할 수 있다. 웨이트가 400·700 두 단뿐이라는 제약 안에서 위계를 크기와 행간만으로 만드는 방식도 참고할 만하다 |
| rendered | CJ ONLYONE NEW body ×18565 · CJ ONLYONE NEW title ×1716 · iconfont ×3 |
영문 · Latin영문 전용
| latinFont | CJ ONLYONE NEW body 9,823글리프(84.1%) · Circular Std 1,722글리프(14.7%) · CJ ONLYONE NEW title 111글리프(1.0%) · Apple SD Gothic Neo 10글리프(0.1%) |
| latinWeights | 실측 페이스 Bold · Book |
| share | 라틴 11,679글리프 / 한글 20,284글리프 — 지면의 36.5%가 라틴이다 (1440 CDP 실측) |
| scale | 타입 스케일에서 CJ ONLYONE NEW body를 쓰는 단: card-title-ko 22px/400 · body-ko 17px/400 · body-sm 15px/400 · caption 12px/400 |
| mixing | 국영문 혼용 노드 343개(전체 1,298개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다 |
| roleNote | Circular Std 영문 전용(14.7% · 선언됨 · 최상단 디스플레이 독점) |
| verdict | 영문 전용 서체가 있다 — Circular Std 라틴 14.7% / 한글 0.0% · 최상단 디스플레이 독점. 영문 디스플레이 레퍼런스로 유효(타입 스케일 최대 64px) |
| sharedWithKorean | 국문과 같은 서체: CJ ONLYONE NEW body · CJ ONLYONE NEW title |
| rendered | CJ ONLYONE NEW body ×9823 · Circular Std Bold ×1192 · Circular Std Book ×530 · CJ ONLYONE NEW title ×111 · Apple SD Gothic Neo ×10 · Apple Color Emoji ×8 · Lucida Grande ×5 |
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| Density | spacious | |
| Base unit | 12px | |
| Max width | 1344px | |
| Section gap | 120px (섹션 패딩 0/120이 홈에서 3회 반복 | |
| Header | 120px fixed | |
| Grid Featured | Featured Contents 5열 432×432, 10개 (432×5=2160 > 1344 — 가로 캐러셀로 넘친다) | |
| Grid News | Latest News 3열 456×367, 거터 0 (456×3=1368 ≈ 1344) | |
| Grid People | Visionary 4열 342×466, 14개 · Culture 4열 289×192 | |
| Card Padding | 미측정 — 반복 아이템 치수(432×432 · 456×367 · 342×466)만 실측 | |
| Button Padding | 15×35 (radius 0, 1px solid 테두리) |
Border Radius
| Role | Value | Preview |
|---|---|---|
| card | 16px | 2회 · div 2건 — 사이트에서 유일한 각 없는 사각형 |
| circle | 50% | 2회 · 캐러셀 좌우 화살표 버튼 (56px 원형) |
Guidelines
Do
- 자간을 양수로 고정한다 — 본문·UI 전 구간 +1.5%(17px +0.255 · 15px +0.225 · 16px +0.24 · 20px +0.3 · 14px +0.21), 대형은 비율만 줄여 +0.4~0.6%
- 국문 본문은 17px/400 lh1.65로 연다. 같은 17px 라틴 UI는 lh1.00으로 조여 층을 가른다
- 웨이트를 400·700 두 단으로만 쓴다 — 국문 전용서체가 두 파일(body Regular · title Bold)뿐이라 중간 웨이트가 없다
- 국문 제목을 영문과 같은 크기 단(60px/700 · 46px/700 · 32px/700)에 그대로 얹는다 — 국문용 별도 스케일을 만들지 않는다
- 라운드를 쓰지 않는다 — 10페이지 통틀어 16px 2건, 버튼은 radius 0
- 유채색은 #FF5A00 하나만 쓴다. 나머지는 #FFFFFF·#EFEFEF·#000000·#121212 무채색 계단
- 검정 지면 위 본문은 순백이 아니라 #DEDEDE(15.61:1), 메타는 #9E9E9E(7.84:1)로 한 단 낮춘다
- 섹션 간격은 120px, 콘텐츠 폭 1344 중앙
Don't
- 그림자로 카드를 띄우지 않는다 — box-shadow 0개, gradient 0개. 카드 경계는 이미지 자체다
- 국문 대형 제목의 자간을 좁히지 않는다 — 이 사이트는 60px에서도 +0.255px 양수다(통상 관행과 반대)
- 중간 웨이트(500·600)를 국문에 쓰지 않는다 — 전용서체에 해당 파일이 없어 폴백으로 새어나간다
- 스크롤 스크럽·핀 연출을 넣지 않는다 — gsap 3.12.5는 있으나 ScrollTrigger 미로드, 등록 트리거 0건, 측정된 스크롤 구동 전환 0건
- #6F6F6F를 어두운 지면 본문에 쓰지 않는다 — #070707 위 4.01:1로 AA 미달(유일한 실패 쌍)
- CJ 로고 3색(#FF9700·#006ECD·#EF151E)을 UI 액센트로 전용하지 않는다 — 로고에서만 관측된다
- 채움면(fill)으로 위계를 만들지 않는다 — 이 사이트는 지면색 자체를 흰색/#121212/#000000으로 통째로 바꾼다
