카카오엔터테인먼트
흰 지면에 #333 회색 잉크 한 색, 홈은 1440×810 영상 한 장 위에 흰 국문 44px 두 줄이 전부다.
카카오엔터테인먼트 사이트는 색을 거의 쓰지 않습니다. 팔레트가 흰색·#F7F7F7·#333333 계열 회색뿐이고 그라디언트도 그림자도 한 개가 없어서, 지면의 인상을 영상과 사진이 혼자 만듭니다. 홈은 1440×810 영상 한 장 위에 흰 국문 44px 두 줄을 얹고 곧바로 푸터로 내려가는 1,042px짜리 페이지이고, 그 뒤 페이지들은 466px 높이의 같은 행을 열다섯 번 반복하는 식으로 리듬을 만듭니다. 브랜드 컬러 없이 콘텐츠 이미지만으로 버텨야 하는 미디어·엔터테인먼트 코퍼레이트 사이트를 설계할 때 참고하기 좋고, 반대로 국문 대형 조판 레퍼런스로는 44px이 상한이라 약합니다.
https://www.kakaoent.comColor Palette
Label
Line
Background
Static
Typography
Spoqa Han Sans Neo · 300 / 400 / 500 / 700display·heading·body·ui·caption — 한글 100%
Apple SD Gothic Neo · 400폴백(OS 시스템 폰트)
Noto Serif · 300선언 3순위 (실질 미사용)
Type Scale10단 전부 Spoqa Han Sans Neo 한 서체다
hero44px · 700 · 1.32
다람쥐 헌 쳇바퀴
h128px · 700 · 1.5
다람쥐 헌 쳇바퀴
h224px · 700 · 1.25
다람쥐 헌 쳇바퀴
h321px · 700 · 0
다람쥐 헌 쳇바퀴
h418px · 700 · 1.22
다람쥐 헌 쳇바퀴
body16px · 400 · 1.31
다람쥐 헌 쳇바퀴
body-sm14px · 400 · 1.5
다람쥐 헌 쳇바퀴
label13px · 400 · 1.5
다람쥐 헌 쳇바퀴
caption12px · 400 · 1.67
다람쥐 헌 쳇바퀴
micro10px · 400 · 2
다람쥐 헌 쳇바퀴
국문 · Korean
| hangulFont | Spoqa Han Sans Neo — self-hosted woff2 5파일(Thin·Light·Regular·Medium·Bold). 한글 28,748글리프 100%(Regular 20,660=71.9% · Light 5,633=19.6% · Bold 2,405=8.4% · Medium 48 · Noto Serif 2). 선언 1순위와 실제 렌더가 일치한다 |
| hangulWeights | 400 Regular 주력(20,660) · 300 Light 보도자료 본문·목록(5,633 — 상세 1,549·목록 4,000) · 700 Bold 제목·GNB(2,405) · 500 Medium 오시는길 48 |
| body | 14px w400 lh1.50(23회)이 기본, 긴 글은 14px w300 lh1.57. 16px w400 lh1.31은 GNB·본문 링크 |
| sub | 13px w400 lh1.50 자간 +0.26px(10회) — 목록 날짜·메타 |
| label | 12px w400 lh1.67(18회) · 12px w700 lh1.25(9회) · 10px w400 lh2.00(1회) |
| mixing | 영문 디스플레이가 없어 혼용 층이 생기지 않는다. 영문 소제목은 채용 페이지의 'Equality·Autonomy·Responsibility·Trust'와 'Music/Story/Media Entertainment'뿐이고 전부 14px/700 Spoqa로, 국문과 같은 서체·같은 크기다 |
| hangulHeadings | 있음 — 홈 히어로 44px/700 lh 58px(1.32) 자간 normal, 흰색 국문 2행 '모두가 볼 수 있도록, / 또 다른 즐거움을 만들어갑니다.'가 1440×810 영상 위에 겹친다(1440 실측 y347·h116·좌측 정렬·z-index 200). 그다음 단이 24px/700(오시는길 오피스 제목 3개)이라 44 → 24로 한 번에 떨어진다. 라틴 최대는 14px/700이라 큰 글자는 전부 국문이 맡는다 |
| verdict | 국문 대형 조판 레퍼런스로는 약하다 — 상한이 44px/700이고 자간이 0이라 90px대 자체 서체를 쓰는 카카오·카카오뱅크와 비교할 층이 안 된다. 대신 ① 큰 글자에 자간을 안 준 국문 조판 사례(44·28·24·21px 전 단 ls 0) ② 1440×810 영상 위에 흰 국문 44px 두 줄만 겹치고 바로 푸터로 내려가는 절제형 히어로(docH 1,042) ③ 본문을 Light 300으로 낮춰 제목 700과 대비를 크기 아닌 웨이트로 만드는 보도자료 조판, 이 셋은 그대로 인용할 만하다 |
| rendered | Spoqa Han Sans Neo ×20660 · Spoqa Han Sans Neo Light ×5633 · Spoqa Han Sans Neo Bold ×2405 · Spoqa Han Sans Neo Medium ×48 · Noto Serif ×2 |
영문 · Latin국문과 동일
| latinFont | Spoqa Han Sans Neo 30,256글리프(99.8%) · Apple SD Gothic Neo 48글리프(0.2%) · Apple Symbols 3글리프(0.0%) · Noto Serif 2글리프(0.0%) |
| latinWeights | 실측 페이스 Light · Bold · Medium |
| share | 라틴 30,310글리프 / 한글 28,748글리프 — 지면의 51.3%가 라틴이다 (1440 CDP 실측) |
| scale | 타입 스케일에서 Spoqa Han Sans Neo를 쓰는 단: hero 44px/700 · h1 28px/700 · h2 24px/700 · h3 21px/700 · h4 18px/700 · body 16px/400 · body-sm 14px/400 · label 13px/400 · caption 12px/400 · micro 10px/400 |
| mixing | 국영문 혼용 노드 472개(전체 1,358개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다 |
| roleNote | 라틴 51.3%를 국문 서체가 그대로 그린다 — 영문용 선택 없음 |
| verdict | 영문 전용 서체 없음 — 라틴 99.8%를 그리는 Spoqa Han Sans Neo가 한글도 100.0% 그린다. 국영문을 한 서체가 맡는다 |
| sharedWithKorean | 국문과 같은 서체: Spoqa Han Sans Neo · Noto Serif |
| rendered | Spoqa Han Sans Neo Light ×18772 · Spoqa Han Sans Neo ×10593 · Spoqa Han Sans Neo Bold ×888 · Apple SD Gothic Neo ×48 · Spoqa Han Sans Neo Medium ×3 · Apple Symbols ×3 · Noto Serif ×2 · Lucida Grande ×1 |
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| Density | regular | |
| Base unit | 미확인 | |
| Max width | 1240px | |
| Section gap | 사업(미디어) 페이지가 466~467px 행 15개를 등간격으로 잇는다 | |
| Header | 87px fixed | |
| Content Width By Template | 1240(홈·사업·채용·회사소개) · 1092(공시) · 1090(공시 목록 행) · 860(보도자료 목록) · 836(개인정보) · 752(오시는길) · 700(보도자료 상세) — 1440 실측 | |
| Card Padding | 오시는길 이미지 타일 256×256, 4열 gap 0(12장) · 개인정보 상단 칩 220×40, 4열 gap 6, r20 · 공시 목록 행 1090×100, r50 | |
| Button Padding | 5×10 ('본문 바로가기' 스킵 링크) · 0 20 0 11 (언어 선택) |
Border Radius
| Role | Value | Preview |
|---|---|---|
| small | 4px | 1회 · 언어 선택 버튼 · 드롭다운 하단(0 0 4px 4px) |
| standard | 12px | 10회 · 카드·썸네일 표준 |
| — | 16px | 1회 · 관측만 |
| large | 20px | 5회 · 개인정보 상단 칩(220×40) |
| pill | 50px | 10회 · 공시 목록 행(1090×100) — layout 실측 |
Guidelines
Do
- 지면은 #FFFFFF와 #F7F7F7 두 장만 쓰고, 잉크는 #333333 하나로 간다 — 팔레트 최다 3,886회가 전부 이 색이다
- 경계는 1px solid #D6D6D6 하나로 통일한다(11회, 사이트의 유일한 보더 색)
- 페이지 유형마다 콘텐츠 폭을 바꾼다 — 랜딩 1240 / 목록 860~1092 / 읽는 글 700~836(1440 실측)
- 본문 기본은 14px/400 lh1.50(23회), 부제·긴 글은 14px/300 lh1.57로 웨이트를 낮춘다
- 긴 목록은 같은 높이 행의 반복으로 만든다 — 사업 466px×15, 복지 84px×13, 보도자료 166px×10
- 모션은 0.2s ease-in-out 색 전환만 쓴다(45회). 스크롤 구동 전환은 3페이지 실측 0건이다
- #999999는 비활성에만 쓴다(#FFFFFF 위 2.85:1, AA 미달)
Don't
- 그라디언트·그림자를 넣지 않는다 (10페이지 gradients 0 · shadows 0)
- 브랜드 컬러를 만들지 않는다 — 이 사이트에는 채도 있는 색이 팔레트에 0개다. 색은 콘텐츠 이미지가 낸다
- 국문 제목을 44px 위로 올리지 않는다 — 실측 상한이 홈 히어로 44px/700 2회이고 그다음이 28px이다
- 큰 글자에 음수 자간을 주지 않는다 — 44·28·24·21px 전 단의 자간이 0이다
- 알약 버튼을 만들지 않는다 (radius 9999 0회, 50px은 공시 목록 행 전용)
- 홈을 길게 만들지 않는다 — docHeight 1,042px에 섹션이 2개(영상·제목)뿐이다
- 8배수 여백을 전제하지 않는다 — 실측 최빈값이 10·11·17·19px이라 8px 스케일과 맞지 않는다






