현대백화점

흰 지면 위에 근검정 잉크 #171A19, 색은 전부 사진과 캠페인 배너가 맡고 UI는 900 굵기 자사 서체와 1px 선으로만 말한다.

현대백화점은 흰 지면과 짙은 검정(#171A19)만으로 UI를 짜고, 색과 분위기는 전시 포스터·브랜드 사진·캠페인 배너에 전부 맡기는 백화점 포털입니다. 자사 서체 Happiness Sans가 한글까지 직접 그리며, 섹션 제목은 '영감을 채워주는, Culture'처럼 국문과 영문을 쉼표로 이은 32px/900 한 줄이 반복됩니다. 홈 중간에는 240px 외곽선 글자 'TREND NEWS'가 가로로 흐르는 큰 장식이 있어 에디토리얼 연출을 참고할 만합니다. 사진 중심 리테일·문화 포털의 홈 구성과 국문 제목 타이포그래피를 볼 때 쓰기 좋습니다.

https://www.ehyundai.com/newPortal/index.do

Color Palette

Label

Accent

Background

Line

Typography

Happiness Sans · 400 / 700 / 900display·heading·body·ui 전부, 한글 99.5%

Apple SD Gothic Neo · 400폴백(한글 소수)

Type Scaleraw 1920 기준 25스타일 중 sr-only(0px) 2종과 UI 기본 13

display-deco240px · 700 · 1.3

다람쥐 헌 쳇바퀴

h-section48px · 700 · 1.3

다람쥐 헌 쳇바퀴

h140px · 700 · 1.5

다람쥐 헌 쳇바퀴

h2-hero32px · 900 · 1.38

다람쥐 헌 쳇바퀴

h228px · 700 · 1.5

다람쥐 헌 쳇바퀴

h324px · 700 · 1.3

다람쥐 헌 쳇바퀴

h422px · 700 · 1.4

다람쥐 헌 쳇바퀴

body-lg18px · 700 · 1.5

다람쥐 헌 쳇바퀴

body16px · 700 · 1.3

다람쥐 헌 쳇바퀴

link14px · 400 · 1.5

다람쥐 헌 쳇바퀴

국문 · Korean

hangulFont	Happiness Sans (자사 웹폰트, 한글 14,287글리프 · 99.5%)
hangulWeights	400 12,099 · 700 2,113 · 900 75글리프
body	14px/400 lh1.5 ls−0.25px, 강조 16px/700 lh1.3
sub	18px/700 lh1.5 · 22px/700 lh1.4
label	12px/400 lh1.4 · 12px/700 lh1.5, 34px/900 대문자 영문 라벨(lh1.0, ls−1px)
mixing	단일 서체 — 국영문을 Happiness Sans 한 서체가 그린다(latin 8,131글리프도 동일 서체). 제목은 '한글, English' 쉼표 문형.
hangulHeadings	있음 — 홈 섹션 제목 h3 32px/900 '영감을 채워주는, Culture'·'취향대로 살피는, Brand', 서브페이지 h3 40px/700 'ESG 경영 전략 및 추진체계'·'와지트 멤버십'. 단 홈 히어로(THE SALE)와 최대 장식(TREND NEWS 240px·SEOUL 100px)은 영문.
verdict	국문 섹션 제목 레퍼런스로 유효(32/900 자간 −1px 제목과 40/700 서브 제목) — 히어로 대형 제목은 이미지 배너 속 영문이라 국문 히어로 레퍼런스는 아니다. 중국어·영문 페이지는 OS 폰트로 렌더돼 측정 서체가 달라진다.
rendered	Happiness Sans ×14287 · Apple SD Gothic Neo ×42 · AppleMyungjo ×30

영문 · Latin국문과 동일

latinFont	Happiness Sans 8,131글리프(84.9%) · Times New Roman 581글리프(6.1%) · PingFang SC 442글리프(4.6%) · Apple SD Gothic Neo 151글리프(1.6%)
latinWeights	단일 페이스(웨이트 파생 페이스 없음)
share	라틴 9,578글리프 / 한글 14,359글리프 — 지면의 40.0%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일에서 Happiness Sans를 쓰는 단: display-deco 240px/700 · h-section 48px/700 · h1 40px/700 · h2-hero 32px/900 · h2 28px/700 · h3 24px/700 · h4 22px/700 · body-lg 18px/700 · body 16px/700 · link 14px/400
mixing	국영문 혼용 노드 498개(전체 1,656개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	Times New Roman 폴백(6.1%)
verdict	영문 전용 서체 없음 — 라틴 84.9%를 그리는 Happiness Sans가 한글도 99.5% 그린다. 국영문을 한 서체가 맡는다 (나머지 Times New Roman 6.1%는 OS 폴백 — 인용하지 말 것)
sharedWithKorean	국문과 같은 서체: Happiness Sans · Apple SD Gothic Neo
rendered	Happiness Sans ×8131 · Times New Roman ×581 · PingFang SC ×442 · Apple SD Gothic Neo ×151 · Arial ×128 · Hiragino Kaku Gothic ProN ×79 · Noto Sans ×66

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	regular
Base unit	4px
Max width	1440px
Section gap	홈 섹션 간 대략 120~180px(y 1791→2460→2780→3159, 높이 549·200·199 사이 120px 안팎 틈) — 섹션 padding은 0으로 기록, 간격은 콘텐츠 마진으로 형성
Header	70px fixed
Grid Home	카드 472×472 3열, 거터 0 (472×3=1416, 좌우 12 안팎) — 문화 전시 카드·브랜드 타일
Grid Detail	상세 문서 콘텐츠 1110px, 표 행 1110×62
Grid List	목록(shop) 콘텐츠 1392px

Border Radius

Role	Value	Preview
none	0px	null회 · 카드·이미지·버튼 기본(repeated r0px 전 구간)
small	4px	20회 · 버튼·인풋
—	12px	9회 · 관측만
—	20px	9회 · 관측만
large	24px	18회 · 번역 평가 버튼
—	35px	9회 · 관측만
pill	50px	9회 · 알약 요소
circle	100%	9회 · 홈 브랜드 원형 타일(B.CLEAN·명인명촌·OFFWORKS)

Guidelines

섹션 제목은 '한글, English' 쉼표 문형 32px/900 lh1.38 ls−1px로 쓴다 — 홈 3곳(Culture·Online Shopping·Brand)에서 반복된다.
본문·UI 서체는 Happiness Sans 단일, 웨이트는 400/700/900 세 단계만 쓴다(렌더 한글 99.5%).
지면은 #FFFFFF, 글자는 #171A19, 보조는 #727573으로 3톤만 쓴다. 색은 이미지에서 얻는다.
카드·이미지는 직각(0px)으로 두고 472×472 정사각 3열 거터 0으로 붙인다.
헤더는 70px fixed 흰색, 푸터는 538px #171A19 반전으로 지면 전환을 푸터 하나에서만 한다.
큰 장식 글자(240px 외곽선 'TREND NEWS')는 영문으로 한 곳에만, 가로로 흘려 에디토리얼 구간의 간판으로 쓴다.
문서·약관 페이지는 콘텐츠 폭 1110, 행 높이 62, 1px #171A19 선과 #F6F6F6 안내 박스로 짠다.