현대엘리베이터
굵기를 웨이트가 아니라 폰트 파일로 바꾸는 자체 서체 한 벌, 라운드 0의 각진 지면.
현대엘리베이터는 자체 서체 NeoHyundai 한 벌로만 조판한 제조 코퍼레이트 사이트입니다. 폴드는 1440×1080 사진 슬라이더 위에 영문 58px 표제와 국문 24px 부제를 얹어 열고, 국문이 맡는 가장 큰 글자는 서브 페이지 제목 46px입니다. 특이한 점은 타입 스타일 24종이 전부 weight 400이라는 것으로, 굵기를 font-weight가 아니라 Light·Regular·Bold 세 폰트 파일로 갈아 끼웁니다. 라운드가 사실상 0이고 브랜드 그린 한 색만 쓰는 각지고 조용한 지면이라, 국문 제조·기업 사이트의 보수적인 골격을 참고할 때 적합합니다.
https://www.hyundaielevator.co.kr/ko/indexColor Palette
Primary
Label
Fill
Line
Background
Static
Accent
Typography
NeoHyundai · 400display·heading·body·ui 전 구간, 한글 100% · 라틴 99.4%
Apple SD Gothic Neo · 400OS 폴백
Helvetica · 400라틴 폴백
Glyphicons Halflings · 400아이콘
Type Scale24단 전부 weight 400이다 — 굵기는 nbl(Light)·nbr(Regular)·nbb(Bold) 세 패밀리 별칭을 갈아 끼워 만든다
display58px · 400 · 1.17
다람쥐 헌 쳇바퀴
page-hero46px · 400 · 1.15
다람쥐 헌 쳇바퀴
h340px · 400 · 1.15
다람쥐 헌 쳇바퀴
h236px · 400 · 1.15
다람쥐 헌 쳇바퀴
counter30px · 400 · 1.2
다람쥐 헌 쳇바퀴
lead24px · 400 · 1.67
다람쥐 헌 쳇바퀴
sub20px · 400 · 1.2
다람쥐 헌 쳇바퀴
link18px · 400 · 5
다람쥐 헌 쳇바퀴
base16px · 400 · 1.5
다람쥐 헌 쳇바퀴
caption15px · 400 · 2.67
다람쥐 헌 쳇바퀴
국문 · Korean
| hangulFont | NeoHyundai 100% (12,822글리프) — 자체 서체. 선언은 nbr·nbb·nbl 별칭이고 폴백 NanumBarunGothic은 한 글자도 그리지 않는다 |
| hangulWeights | 400 단일(NeoHyundai×12,822). 굵기는 웨이트가 아니라 파일 교체(NeoHyundai_L/_R/_B.woff)로 만들며 CDP는 셋을 같은 패밀리명으로 보고한다 |
| body | 16px/400 lh1.50 자간 0 (최다 단 36회). 히어로 부제는 24px/400 lh1.67 |
| sub | 24px/400 lh40px — 히어로 영문 표제 바로 아래 국문 한 줄('현대엘리베이터가 만든 새로운 길을 따라 세상은 위로 넓어집니다.') |
| label | 15px/400 lh2.67 푸터·주석 · 16px/400 lh90px GNB · 14px/400 유틸 |
| mixing | 국영문을 한 서체(NeoHyundai)가 그린다. 층으로는 나뉜다 — 히어로는 영문 58px 표제 + 국문 24px 부제 이단이고, 그 아래 본문부터는 국문이 제목까지 맡는다. 자간은 라틴 라벨(30·20px +2px)에만 붙고 국문은 전부 normal이다 |
| hangulHeadings | 있다. 최대 46px/400 서브 페이지 제목('홍보센터'·'다운로드'·'영업/서비스 네트워크 검색', 1440 CDP 실측 NeoHyundai×4). 홈 최대는 36px/400 섹션 제목 6개이고, 폴드 안 국문 최대는 히어로 부제 24px/400이다 |
| verdict | 국문 히어로 레퍼런스로는 부적합하다 — 폴드를 여는 58px은 영문이고 국문은 24px 부제로 물러난다. 대신 자체 서체를 세 파일로 굴리며 전 구간 weight 400으로 유지하는 조판 운용, 제목 lh1.15 / 본문 lh1.67의 큰 행간 대비는 국문 제조·기업 사이트 레퍼런스로 유효하다 |
| rendered | NeoHyundai ×12822 |
영문 · Latin국문과 동일
| latinFont | NeoHyundai 16,850글리프(99.4%) · Apple SD Gothic Neo 71글리프(0.4%) · Helvetica 32글리프(0.2%) |
| latinWeights | 단일 페이스(웨이트 파생 페이스 없음) |
| share | 라틴 16,953글리프 / 한글 12,822글리프 — 지면의 56.9%가 라틴이다 (1440 CDP 실측) |
| scale | 타입 스케일에서 NeoHyundai를 쓰는 단: display 58px/400 · page-hero 46px/400 · h3 40px/400 · h2 36px/400 · counter 30px/400 · lead 24px/400 · sub 20px/400 · link 18px/400 · base 16px/400 · caption 15px/400 |
| mixing | 국영문 혼용 노드 514개(전체 2,140개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다 |
| roleNote | 라틴 56.9%를 국문 서체가 그대로 그린다 — 영문용 선택 없음 |
| verdict | 영문 전용 서체 없음 — 라틴 99.4%를 그리는 NeoHyundai가 한글도 100.0% 그린다. 국영문을 한 서체가 맡는다 |
| sharedWithKorean | 국문과 같은 서체: NeoHyundai |
| rendered | NeoHyundai ×16850 · Apple SD Gothic Neo ×71 · Helvetica ×32 |
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| Density | regular | |
| Base unit | 5px | |
| Max width | 1200px | |
| Section gap | 홈 섹션 패딩 100/100 반복(마지막 섹션만 100/50). 서브 페이지 섹션 제목은 100/60 | |
| Header | 90px fixed | |
| Grid | 콘텐츠 폭 1200px이 10페이지 전부에서 고정이다(후보 1200×20~37 · 1400×1~2 보조). 히어로·풀블리드 띠만 1440으로 나간다 | |
| Grid Cards | 뉴스 3열 372×419 거터 42 · 카탈로그 3열 384×258 거터 24 · 홈 솔루션 8×8 1216×460 거터 80(가로 캐러셀, 실제 화면엔 1장) · 홈 사업영역 3열 400×666 거터 0 | |
| Card Padding | 다운로드 버튼 0×30 · 페이지 번호 0 · 검색 인풋 0 60 0 20 · 셀렉트 0 40 0 20 | |
| Button Padding | '자세히 보기' 패딩 0 + 1px solid #4CAB84 · '다운로드' 0×30 + 1px solid #4CAB84 · 페이지 번호 0 + 1px solid | |
| Breakpoints | 12단 — 1800 · 1580/1579 · 1450/1449 · 1200/1199 · 992/991 · 768/767 · 480 |
Border Radius
| Role | Value | Preview |
|---|---|---|
| hairline | 2px | 27회 · 인라인 태그(span) |
| split | 3px 0 0 3px / 0 3px 3px 0 | 2회 · 페이지네이션 «·» 양끝 버튼 |
| pill-sm | 20px | 9회 · 작은 알약 버튼 |
| pill | 62px | 9회 · 큰 알약 버튼 |
Guidelines
Do
- 굵기가 필요하면 웨이트 대신 폰트 파일을 바꾼다 — nbl/nbr/nbb 세 별칭으로 24단 전부를 weight 400으로 유지한다. 가변폰트가 없는 자체 서체에서 실제로 쓰이는 방식이다.
- 제목 행간을 1.15~1.17로 바짝 붙이고 본문만 1.67로 벌린다(58/46/40/36 vs 24). 대비가 커서 제목이 덩어리로 읽힌다.
- 자간은 라틴 라벨·숫자에만 +2px을 주고(30px +6.7% · 20px +10%) 국문 단은 normal로 둔다.
- 히어로 사진을 <img>가 아니라 background-size:cover 배경으로 깐다 — 1440×1080 슬롯에서 슬라이드 교체가 레이아웃을 흔들지 않는다.
- 콘텐츠 폭 1200px을 10페이지 전부에서 지킨다. 풀블리드는 히어로와 하단 연락 띠(1440×160)뿐이다.
- 강조색을 브랜드 그린 한 색으로 묶고(#008850 436회) 테두리만 밝은 #4CAB84로 갈라 쓴다.
Don't
- 58px 히어로를 국문 조판 근거로 인용하지 않는다 — 'The world expands along the new path created by Hyundai Elevator'는 영문이고 국문 최대는 서브 페이지 제목 46px, 홈은 36px이다.
- #00E085를 글자색으로 쓰지 않는다 — #fff 위 1.75:1이고 AA 미달 쌍 56개가 전부 이 조합이다.
- #008850을 회색 지면 위 본문에 쓰지 않는다 — #ffffff 위 4.53:1은 통과하지만 #f5f5f5 위에서는 4.15:1로 떨어진다.
- 라운드를 얹지 않는다. 관측된 radius가 47회뿐이고 카드·입력·이미지·표가 전부 0px이라 하나만 둥글려도 결이 깨진다.
- rgba(0,0,0,0.4) 20 20 60(84회) 같은 진한 그림자를 밝은 카드에 그대로 옮기지 않는다 — 사진 위 요소에만 쓰인 값이다.
- lh 5.00(18px 링크) 같은 값을 조판으로 해석하지 않는다. 90px 클릭 영역을 만드는 수단이다.
- 깊은 페이지를 링크로 열 수 있다고 전제하지 않는다 — /ko/solution/*·/ko/technology/*·/ko/etc/privacy가 전부 /ko/index로 되돌아온다(2026-09-10 실측).
