기아 월드와이드
자체 서체 Kia Signature 한 가족의 400 웨이트만으로, 흰 홈과 #0B0D0E 서브페이지가 전폭 영상·사진을 감싸는 브랜드 갤러리.
기아 월드와이드는 기아의 글로벌 브랜드 사이트로, 홈은 흰 지면 위에 둥근 사진 카드를 띄우고 서브페이지는 거의 검정에 가까운 어두운 지면에서 영상과 사진이 화면 전체를 차지하는 갤러리형 인상입니다. 국문과 영문 모두 자체 서체 Kia Signature 하나가 그리고, 굵기는 400 한 가지로 통일해 크기와 여백만으로 위계를 만듭니다. 국문 제목은 32.4px가 최대여서 국문 히어로 타이포 레퍼런스로는 약하지만, 영문 대형 디스플레이(72~180px)와 스크롤 연출로 이어지는 챕터형 레이아웃은 브랜드 스토리텔링 페이지에 참고할 만합니다.
https://worldwide.kia.com/koColor Palette
Background
Label
Line
Accent
Typography
Kia Signature · 400display·heading·body·ui 전부 (Regular 계열)
Kia Signature Bold · 400링크·강조·소제목
Kia Signature Light · 300대형 영문 디스플레이 (160~200px)
.SF NS (system-ui) · 40010px 링크 폴백
Type Scale크기는 layout
display-xl180px · 400 · 1
다람쥐 헌 쳇바퀴
display72px · 400 · 1
다람쥐 헌 쳇바퀴
h2-section54px · 400 · 1.25
다람쥐 헌 쳇바퀴
h1-page43.2px · 400 · 1.29
다람쥐 헌 쳇바퀴
h2-ko32.4px · 400 · 1.5
다람쥐 헌 쳇바퀴
h318px · 400 · 1.67
다람쥐 헌 쳇바퀴
body-lg16.2px · 400 · 1.75
다람쥐 헌 쳇바퀴
body14.4px · 400 · 1.71
다람쥐 헌 쳇바퀴
caption12.6px · 400 · 1.67
다람쥐 헌 쳇바퀴
국문 · Korean
| hangulFont | Kia Signature (webfont, 한글 37,515글리프 중 98.4%) · Kia Signature Bold (1.6%) |
| hangulWeights | 전부 400 선언 — 굵기는 Bold 페이스로만 |
| body | 14.4~16.2px/400 lh1.71~1.75, 자간 0 |
| sub | 32.4px/400 국문 소제목 (lh1.5) |
| label | 12.6px/400 버튼·캡션 |
| mixing | 국영문 혼용 노드 426개(전체 2,300) — 한글만 담은 프로브로 재측정. 같은 Kia Signature가 국영문을 한 서체로 그린다 |
| hangulHeadings | 국문 대제목은 있으나 크지 않다 — layout 최대 32.4px/400 ('꿈을 향한 부름'·'이동 수단을 넘어 이동하는 공간이 될 미래형 모빌리티'). 43.2px 이상 제목(Kia Moodscape·Brand Logo Story·PBV)은 전부 영문 |
| verdict | 국문 히어로 타이포 레퍼런스로는 부적합(국문 상한 32.4px). 자체 서체가 한글을 직접 그린다는 점(webfont, OS 폰트 아님)과 400 단일 굵기 위계는 국문 브랜드 사이트 참고로 유효 |
| rendered | Kia Signature ×36921 · Kia Signature Bold ×594 |
영문 · Latin국문과 동일
| latinFont | Kia Signature 22,271글리프(81.2%) · .SF NS 5,160글리프(18.8%) · Apple SD Gothic Neo 3글리프(0.0%) |
| latinWeights | 실측 페이스 Bold · Light |
| share | 라틴 27,434글리프 / 한글 37,515글리프 — 지면의 42.2%가 라틴이다 (1440 CDP 실측) |
| scale | 타입 스케일에서 Kia Signature를 쓰는 단: display-xl 180px/400 · display 72px/400 · h2-section 54px/400 · h1-page 43.2px/400 · h2-ko 32.4px/400 · h3 18px/400 · body-lg 16.2px/400 · body 14.4px/400 · caption 12.6px/400 |
| mixing | 국영문 혼용 노드 426개(전체 2,300개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다 |
| roleNote | .SF NS 폴백(18.8%) |
| verdict | 영문 전용 서체 없음 — 라틴 81.2%를 그리는 Kia Signature가 한글도 100.0% 그린다. 국영문을 한 서체가 맡는다 (나머지 .SF NS 18.8%는 OS 폴백 — 인용하지 말 것) |
| sharedWithKorean | 국문과 같은 서체: Kia Signature |
| rendered | Kia Signature ×16022 · Kia Signature Bold ×5795 · .SF NS ×5160 · Kia Signature Light ×454 · Apple SD Gothic Neo ×3 |
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| Density | spacious | |
| Base unit | 8px | |
| Max width | 1272px | |
| Section gap | 홈 섹션은 맞닿고(0), 안쪽 패딩은 미측정 — 섹션 높이 819·853·900·960px로 한 화면 단위 리듬 | |
| Header | 65px absolute | |
| Card Padding | 홈 Featured 카드 389×518 간격 22, Vehicle 카드 594×382 간격 22, Stay Inspired 카드 391×288 간격 18 | |
| Button Padding | 9px 19px 9px 23px (자세히 보기, r4, 1px 외곽선) |
Border Radius
| Role | Value | Preview |
|---|---|---|
| hairline | 2px | 15회 · 페이지네이션 칩 |
| small | 4px | 135회 · 자세히 보기 외곽선 버튼 |
| figure | 8px | 125회 · figure 이미지 |
| card | 12px | 206회 · 카드·리스트 아이템 |
| card-lg | 20px | 65회 · 큰 카드·히어로 모서리 |
| pill | 100px | 55회 · 링크·태그 알약 |
| circle | 50% | 136회 · 검색·화살표 원형 버튼 |
Guidelines
Do
- 홈은 흰 지면 + 둥근 사진 카드, 서브페이지는 #0B0D0E 풀블리드로 나눠 지면을 분기한다(서브 9곳 중 5곳 #0B0D0E)
- 서체는 Kia Signature 하나로 국영문을 모두 그린다. 굵기는 400으로 통일하고 강조는 Bold 페이스로만
- 영문 대형 디스플레이(72·180px)는 400/lh1.0, 국문 제목은 32.4px/400을 상한으로 쓴다
- 콘텐츠 폭은 1272px, 좌우 84px 여백. 카드 간격은 22px(3열 389·4열 286)로 통일한다
- 자세히 보기 CTA는 투명 배경 + 1px 외곽선 + 라운드 4px + 12.6px/400 으로 만든다
- 사진·영상 위 텍스트는 rgba(11,13,14,0)→#0B0D0E 그라디언트로 가독성을 확보한다
- 모션은 0.3s·0.2s·0.5s에 ease-out 또는 cubic-bezier(0.65,0,0.35,1)을 쓴다(각 666·489회)
Don't
- 국문 대형 제목(43px 이상)을 만들지 않는다 — 43.2px 이상 단은 전부 영문이다
- weight 700 같은 숫자 굵기를 올리지 않는다 — 전 단 400이고 굵기는 Bold 페이스가 맡는다
- #8D959A를 흰 지면 위 본문에 쓰지 않는다 (3.04:1, AA 미달 ×90)
- 시스템 폰트(.SF NS 10px 링크 5,160글리프)를 디자인 결정처럼 재현하지 않는다 — 폴백이다
- 브랜드 컬러 3색(#EA0029·#4367F6·#F3C300)을 근거 없이 UI 액센트로 깔지 않는다 — 화면 사용처가 실측에 없다
- 작은 라운드와 큰 라운드를 섞어 한 카드에 쓰지 않는다 — 카드 12px·히어로 20px·버튼 4px로 역할이 갈린다
- 홈 섹션 간격을 패딩으로 재현하지 않는다 — 섹션이 맞닿고 높이(819~960px)가 리듬이다




