카카오엔터테인먼트

흰 지면에 #333 회색 잉크 한 색, 홈은 1440×810 영상 한 장 위에 흰 국문 44px 두 줄이 전부다.

카카오엔터테인먼트 사이트는 색을 거의 쓰지 않습니다. 팔레트가 흰색·#F7F7F7·#333333 계열 회색뿐이고 그라디언트도 그림자도 한 개가 없어서, 지면의 인상을 영상과 사진이 혼자 만듭니다. 홈은 1440×810 영상 한 장 위에 흰 국문 44px 두 줄을 얹고 곧바로 푸터로 내려가는 1,042px짜리 페이지이고, 그 뒤 페이지들은 466px 높이의 같은 행을 열다섯 번 반복하는 식으로 리듬을 만듭니다. 브랜드 컬러 없이 콘텐츠 이미지만으로 버텨야 하는 미디어·엔터테인먼트 코퍼레이트 사이트를 설계할 때 참고하기 좋고, 반대로 국문 대형 조판 레퍼런스로는 44px이 상한이라 약합니다.

https://www.kakaoent.com

Color 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

hangulFontSpoqa 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순위와 실제 렌더가 일치한다
hangulWeights400 Regular 주력(20,660) · 300 Light 보도자료 본문·목록(5,633 — 상세 1,549·목록 4,000) · 700 Bold 제목·GNB(2,405) · 500 Medium 오시는길 48
body14px w400 lh1.50(23회)이 기본, 긴 글은 14px w300 lh1.57. 16px w400 lh1.31은 GNB·본문 링크
sub13px w400 lh1.50 자간 +0.26px(10회) — 목록 날짜·메타
label12px 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과 대비를 크기 아닌 웨이트로 만드는 보도자료 조판, 이 셋은 그대로 인용할 만하다
renderedSpoqa 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국문과 동일
latinFontSpoqa 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
renderedSpoqa 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

PurposeValuePreview
Densityregular
Base unit미확인
Max width1240px
Section gap사업(미디어) 페이지가 466~467px 행 15개를 등간격으로 잇는다
Header87px fixed
Content Width By Template1240(홈·사업·채용·회사소개) · 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 Padding5×10 ('본문 바로가기' 스킵 링크) · 0 20 0 11 (언어 선택)

Border Radius

RoleValuePreview
small4px 1회 · 언어 선택 버튼 · 드롭다운 하단(0 0 4px 4px)
standard12px 10회 · 카드·썸네일 표준
16px 1회 · 관측만
large20px 5회 · 개인정보 상단 칩(220×40)
pill50px 10회 · 공시 목록 행(1090×100) — layout 실측

Guidelines

Do

Don't

Pages

More like this