CJ그룹
어두운 #1D1F22 지면 위에 풀블리드 사진·영상을 깔고, 자사 서체 CJ ONLYONE 400 한 굵기로 60px 국문 문장을 얹는 코퍼레이트 사이트.
CJ그룹은 홈과 브랜드 페이지는 어두운 지면(#1D1F22), 계열사 소개·재무·공지 같은 안쪽 페이지는 밝은 회색(#F4F4F6)으로 나뉘는 사이트입니다. 전 구간을 자사 서체 CJ ONLYONE 한 굵기(400)로 그리고, 60px 국문 문장 제목이 큰 사진·영상 위에 놓입니다. 포인트 색은 파랑 #006ECD와 노랑 #FF9700 두 개이고, 노랑은 링크 호버에 쓰입니다. 국문 대형 제목과 풀블리드 영상 히어로를 함께 참고하기 좋은 코퍼레이트 레퍼런스입니다. 다만 헤더 높이는 이번 측정에서 얻지 못했습니다(미확인).
https://www.cj.netColor Palette
Background
Label
Primary
Accent
Line
Typography
CJ ONLYONE_OTF · 400display·heading·body·ui 전부(국문·영문)
Type Scalepx는 1440 layout 기준이며 raw(1920)와 동일하다(고정 px)
display60px · 400 · 1.37
Handgloves 123
h2-lg56px · 400 · 1.37
Handgloves 123
hero-home45px · 400 · 1.37
다람쥐 헌 쳇바퀴
h236px · 400 · 1.44
Handgloves 123
h3-lg30px · 400 · 1.4
Handgloves 123
lead24px · 400 · 1.6
Handgloves 123
h320px · 400 · 1.5
Handgloves 123
body16px · 400 · 1.75
Handgloves 123
ui14px · 400 · 1.43
Handgloves 123
caption12px · 400 · 1.67
Handgloves 123
국문 · Korean
| hangulFont | CJ ONLYONE_OTF (자사 웹폰트, 한글 20,268글리프 100%) |
| hangulWeights | 400 (20,258) · 700 (10) |
| body | 16px/400 lh1.75 |
| sub | 14px/400 lh1.43 |
| label | 12px/400 lh1.67 |
| mixing | 국영문 단일 서체 — 라틴 9,581글리프도 CJ ONLYONE. 자간 지정 없음(0) |
| hangulHeadings | 있음 — 60px/400 lh1.37 문장 제목(브랜드 스토리 '우리는 ‘일상’이라는 말의 정의를 다시 쓰려 합니다', 엔터테인먼트&미디어 '생활 곳곳에 퍼져가는 문화를 만듭니다'), 홈 히어로 45px 두 줄 '건강, 즐거움, 편리를 창조하는 글로벌 라이프스타일 기업' |
| verdict | 국문 대형 문장 제목 레퍼런스로 유효(60px 단일 굵기, 사진 위 흰 글자). 굵기 위계는 없다. |
| rendered | CJ ONLYONE_OTF ×20268 |
영문 · Latin국문과 동일
| latinFont | CJ ONLYONE_OTF 9,581글리프(99.6%) · Apple Color Emoji 30글리프(0.3%) · Helvetica 9글리프(0.1%) · Zapf Dingbats 1글리프(0.0%) |
| latinWeights | 단일 페이스(웨이트 파생 페이스 없음) |
| share | 라틴 9,621글리프 / 한글 20,268글리프 — 지면의 32.2%가 라틴이다 (1440 CDP 실측) |
| scale | 타입 스케일에서 CJ ONLYONE_OTF를 쓰는 단: display 60px/400 · h2-lg 56px/400 · hero-home 45px/400 · h2 36px/400 · h3-lg 30px/400 · lead 24px/400 · h3 20px/400 · body 16px/400 · ui 14px/400 · caption 12px/400 |
| mixing | 국영문 혼용 노드 594개(전체 1,804개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다 |
| roleNote | 라틴 32.2%를 국문 서체가 그대로 그린다 — 영문용 선택 없음 |
| verdict | 영문 전용 서체 없음 — 라틴 99.6%를 그리는 CJ ONLYONE_OTF가 한글도 100.0% 그린다. 국영문을 한 서체가 맡는다 |
| sharedWithKorean | 국문과 같은 서체: CJ ONLYONE_OTF |
| rendered | CJ ONLYONE_OTF ×9581 · Apple Color Emoji ×30 · Helvetica ×9 · Zapf Dingbats ×1 |
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| Density | spacious | |
| Base unit | 5px | |
| Max width | 1212px | |
| Section gap | 홈 섹션 단위 900~1400px 풀스크린(y 1700·3100·4500·5900), 라이트 페이지 카드 섹션 padT 150 | |
| Header | 90px fixed |
Border Radius
| Role | Value | Preview |
|---|---|---|
| small | 2px | 36회 · span 칩 |
| card | 20px | 151회 · dialog·li·카드 |
| button | 30px | 47회 · 버튼 |
| form | 40px | 18회 · 폼 |
| circle | 50% | 41회 · 아이콘·원형 |
| pill | 100px | 20회 · 외곽선 버튼 |
| pill-max | 9999px | 14회 · 계열사 링크 알약 |
Guidelines
Do
- 전 구간 CJ ONLYONE 단일 서체·weight 400으로 쓴다(한글 20,258글리프가 400)
- 국문 대형 문장 제목은 60px/400 lh1.37, 홈 히어로는 45px 두 줄
- 본문은 16px/400 lh1.75, 메타는 12px lh1.67
- 홈·브랜드는 #1D1F22 다크 지면, 안쪽 페이지는 #F4F4F6 라이트 지면으로 구분한다
- 버튼은 r30~50 알약, 외곽선은 1px #fff(다크)·#777(라이트)
- 링크 호버는 #FF9700(--color-cj-yellow)로 바꾼다
- 전환은 0.3s ease-out·cubic-bezier(0.25,0.5,0.75,1)
Don't
- 굵기로 위계를 만들지 않는다 — 전 단이 400이다
- #999999를 흰 지면에서 본문으로 쓰지 않는다(2.85:1, AA 미달)
- #000 글자를 다크 지면 #1D1F22에 올리지 않는다(1.27:1)
- 그림자로 깊이를 만들지 않는다 — 그림자는 2종 45회뿐이다
- 자간을 크게 조정하지 않는다(실측 +0.5~+1px 3건)
- 헤더는 fixed 투명 90px(라이브 재측정) — 지면 위에 겹친다




