제네시스

흰 지면과 rgb(17,17,17) 지면을 통째로 갈아 끼우고, 국문은 Light 300에 자간 −1%로 크게 눕힌다.

제네시스 한국 사이트는 자체 브랜드 서체 한 벌로 국문 조판을 전부 감당합니다. 국문 제목을 40~80px까지 키우면서 굵게 하지 않고 Light 굵기로 눕히는 점이 특징이고, 자간은 −1%로 고정하다가 60px 이상에서만 더 조입니다. 행간은 반대로 작은 글자일수록 벌려(100px 1.20 → 20px 1.60) 제목과 본문의 결을 갈라 놓습니다. 색 대신 명도로 지면을 통째로 갈아 끼우고 전환도 0.6~0.8초로 느려 프리미엄 브랜드의 대형 국문 조판 표본으로 유효하지만, 서체가 비공개라 값만 옮기고 서체는 대체해야 합니다.

https://www.genesis.com/kr/ko

Color Palette

Primary

Label

Fill

Line

Background

Static

Accent

Typography

Genesis Sans Text KR · 400 / 500 / 700본문·UI·링크 — 한글의 88.9%

Genesis Sans Head KR · 300 / 400디스플레이·섹션 제목 — 한글의 10.6%

Genesis Sans Head Office Light · 300라틴 디스플레이(오피스 컷)

Apple SD Gothic Neo · 400폴백(웹폰트 미적용 구간)

Type Scaleraw 1920의 typography

display-xl100px · 300 · 1.2

Handgloves 123

display60px · 300 · 1.3

Handgloves 123

h148px · 300 · 1.29

다람쥐 헌 쳇바퀴

h242px · 300 · 1.3

Handgloves 123

h2-section40px · 300 · 1.35

다람쥐 헌 쳇바퀴

h330px · 400 · 1.3

다람쥐 헌 쳇바퀴

body20px · 400 · 1.6

다람쥐 헌 쳇바퀴

ui16px · 400 · 1.5

다람쥐 헌 쳇바퀴

body-sm14px · 400 · 1.57

다람쥐 헌 쳇바퀴

caption12px · 400 · 1.83

다람쥐 헌 쳇바퀴

국문 · Korean

hangulFont	Genesis Sans Text KR(본문)·Genesis Sans Head KR(디스플레이) — 자체 브랜드 서체. CDP 실측 한글 38,009글리프 중 Text 계열 33,774(88.9%), Head 계열 4,019(10.6%), Apple SD Gothic Neo 212(0.56%), Lucida Grande 4
hangulWeights	400 33,463글리프(88%) · 300 770(디스플레이 전용: GenesisSansHeadKRLight 486 + Genesis Sans Head KR 284) · 500 249 · 700 10글리프
body	20px/400 lh1.60 ls+0.04px(+0.2%) 주력 · 18px/400 lh1.67 · 14px/400 lh1.57
sub	히어로 부제 20px/400(멤버스 '세심하고 스마트한 케어로…' 62글리프, FAQ '자주 문의 주시는 질문에…' 31글리프)
label	16px/400 lh1.50(내비·버튼) · 13px/400 lh1.54 · 12px/400 lh1.83(각주)
mixing	국영문을 층으로 가른다 — 라틴 디스플레이는 별도 컷(genesis-head-light/genesis-head-office-light, uppercase, lh0.94~1.10, ls −1.02~−1.7px)이고 국문 디스플레이는 Genesis Sans Head KR Light(lh1.17~1.35, ls −1%)다. 홈 히어로 'GV90'·GV60 'Take your Wonder Further'처럼 모델명·태그라인은 영문, 섹션 제목부터는 국문으로 넘어간다. 한 줄 안 혼용은 'GENESIS SUJI ADDRESS & BUSINESS HOURS'처럼 라틴 단독 라벨로 처리
hangulHeadings	있다. 1440 layout 기준 80px/400 2건(멤버스 '모빌리티 케어' 7글리프, 지원 '자주 묻는 질문' 8글리프) · 60px/300 2건(마그마 '제네시스마그마 레이싱' 11글리프, '무한한가능성의 시작' 10글리프) · 50px/400(파이낸스 '제네시스 파이낸스 - 리스·렌트' 17글리프) · 48px/400(아트 '더 제네시스 파사드 커미션' 14글리프) · 42px/300(수지 '관심 있는 제네시스 차량을 만나 보세요.') · 40px/300(수지 '제네시스 수지' 7글리프, 홈 섹션 제목 7개). raw 1920에는 100px/300 ls−4px 국문 디스플레이가 1건 더 있다. 홈 히어로만 영문 모델명 'GV90' 48/300
verdict	국문 히어로·대형 제목 레퍼런스로 유효하다 — 라이브러리에서 국문 디스플레이가 40~80px 구간에 실제로 존재하고 자간(−1% 고정, 60px −2%, 100px −4%)·행간(1.17~1.35)·웨이트(Light 300)가 전부 숫자로 남은 몇 안 되는 사이트다. 다만 서체가 비공개 브랜드 폰트라 그대로 재현할 수 없다 — 값(웨이트 300·자간 −1%·행간 1.2~1.3)만 옮기고 서체는 대체해야 한다. 지원 FAQ 페이지 204글리프가 Apple SD Gothic Neo로 떨어지는 구간이 있어, 그 페이지의 한글은 Mac/Windows에서 다르게 보인다
rendered	GenesisSansTextKRRegular ×24017 · Genesis Sans Text KR ×9014 · Genesis Sans Head KR ×3029 · GenesisSansHeadKRLight ×1568 · GenesisSansHeadKRRegular ×380 · GenesisSansTextKRMedium ×306

영문 · Latin자사 라틴

latinFont	GenesisSansTextKRRegular 15,429글리프(71.3%) · Genesis Sans Text KR 3,327글리프(15.4%) · Genesis Sans Head KR 1,406글리프(6.5%) · GenesisSansHeadKRLight 691글리프(3.2%)
latinWeights	실측 페이스 Regular · Light · Medium
share	라틴 21,628글리프 / 한글 38,314글리프 — 지면의 36.1%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일 단이 라틴 전용 서체로 지정된 곳 없음 — 라틴은 국문 서체 또는 폴백이 그린다
mixing	국영문 혼용 노드 1,162개(전체 2,837개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	GenesisSansHeadKRRegular 자사 라틴(1.9% · 선언됨) · Genesis Sans Head Office 자사 라틴(0.6%) · GenesisSansTextKRMedium 자사 라틴(0.5% · 선언됨)
verdict	영문 전용 서체가 있다 — GenesisSansHeadKRRegular 라틴 1.9% / 한글 1.0% · Genesis Sans Head Office 라틴 0.6% / 한글 0.0% · GenesisSansTextKRMedium 라틴 0.5% / 한글 0.8%. 다만 타입 스케일에 이 서체로 지정된 단이 없다 — 디스플레이 레퍼런스로 보기 어렵다
sharedWithKorean	국문과 같은 서체: GenesisSansTextKRRegular · Genesis Sans Text KR · Genesis Sans Head KR · GenesisSansHeadKRLight
rendered	GenesisSansTextKRRegular ×15429 · Genesis Sans Text KR ×3327 · Genesis Sans Head KR ×1406 · GenesisSansHeadKRLight ×691 · GenesisSansHeadKRRegular ×407 · Apple SD Gothic Neo ×119 · Genesis Sans Head Office Light ×112 · GenesisSansTextKRMedium ×108 · Genesis Sans Head Office ×25 · Lucida Grande ×4

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	spacious
Base unit	8px
Max width	1340px
Section gap	섹션 상하 패딩 140/140이 표준(홈 6섹션
Header	66px relative
Content Widths	1340 홈(×31) · 1260 GV60(×68, 차순위 1340×36) · 1240 수지·아트·마그마(×23·×6·×20) · 1080 멤버스 본문(×36) · 692 FAQ 본문(×1) · 파이낸스는 검출 실패(null)
Grid Home	3열 431 + 거터 24 = 1341 ≈ 1340(뉴스룸 7장 431×456 · 연관 컨텐츠 3장 431×323) · 4열 317 + 거터 24 = 1340(‘Start your journey’ 317×100)
Grid Cards	모델 캐러셀 370×497 거터 24(12장) · 이벤트 500×388(16장) · 컬렉션 500×588(9장) · 아트 313×419 거터 20(46·58장) · 수지 393×612 거터 30 r8px(10장)
Grid Detail	GV60 디테일 카드 2열 668 + 거터 24(455·431·479 높이 5블록) · 컬러 스와치 56×56 거터 2(익스테리어 8개 5열·인테리어 4개)
Card Padding	리스트 행 1090×369·1090×396(파이낸스) · 1090×101·1090×131(멤버스) · FAQ 행 1080×93(231행) · 파이낸스 아코디언 1082×30
Button Padding	0 24px(솔리드·아웃라인 15px/400 r2) · 16px 30px(모델 선택 16px/400 r0) · 0 40px(‘서비스 네트워크 검색·예약’ r0) · 배지 3px 8px(채움)·3px 7px(아웃라인) · 인풋 12px 8px 12px 18px

Border Radius

Role	Value	Preview
button·badge	2px	147회 · 솔리드·아웃라인 버튼과 배지 — 사이트의 기본 라운드
media	4px	224회 · 이미지·미디어 컨테이너(최다)
card	8px	12회 · 수지 체험 카드 393×612
—	10px	4회 · 관측만
—	21px	1회 · 관측만
—	40px	1회 · 버튼 1건
circle	50%	97회 · 캐러셀 이전/다음 버튼
circle	100%	44회 · 페이지네이션 도트 8×8·12×18
pill	999px	6회 · 선택된 탭 칩 6건뿐

Guidelines

국문 제목 자간은 −1%로 통일한다 — 30/−0.3 · 32/−0.32 · 40/−0.4 · 42/−0.42 · 48/−0.48px. 60px에서만 −2%(−1.2px), 100px에서 −4%(−4px)로 더 조인다
국문 디스플레이는 Light 300으로 쓴다(디스플레이 렌더 486글리프가 300). 본문은 400 하나(33,463글리프)로 끌고 간다
행간을 크기와 반대로 움직인다 — 100px 1.20 · 40px 1.35 · 20px 1.60 · 18px 1.67 · 12px 1.83
깊이는 1px 상단선 rgb(229,229,229)(287회)으로 만든다. 그림자는 8페이지 합계 7회뿐이다
라운드는 버튼·배지 2px, 이미지 4px에서 멈춘다(371/536회). 큰 면은 0으로 둔다
섹션 상하 패딩 140/140을 기본으로, 대형 피처만 140/70 비대칭으로 준다
그리드 거터는 24px 고정 — 1340 폭에서 3열 431 또는 4열 317로 정확히 나눈다
지면 전환은 색이 아니라 명도로 한다 — #FFFFFF ↔ rgb(17,17,17) ↔ #000000 세 지면만 쓴다(113섹션 중 흰 지면 105 · rgb(17,17,17) 5 · #000000 2 · rgb(245,245,245) 1)

Don't

#0000EE를 브랜드 액센트로 쓰지 않는다 — 866회 검출됐지만 스크린리더용 .blind·미스타일 링크에 남은 브라우저 기본색이고 rgb(17,17,17) 위 2.01:1로 AA 66쌍 전부 실패다
국문을 700으로 굵히지 않는다 — 8페이지 전체에서 700 한글이 10글리프뿐이다
#767676을 #F8F8F8 같은 옅은 회색 면 위에 올리지 않는다(4.28:1, AA 미달 33쌍). 흰 지면에서만 4.54:1로 통과한다
구리색 #AF6249를 넓은 면에 쓰지 않는다 — 배지 20회와 링크 hover(rgb(163,107,79)) 3회가 전부다
빠른 모션을 쓰지 않는다 — 921회 중 0.8s 295 · 0.6s 224로 절반 이상이 600ms 이상이고, 0.1s는 6회뿐이다
알약 라운드를 남발하지 않는다(999px 6회). 원형 100%·50%는 캐러셀 컨트롤과 도트 전용이다
31px·52px 여백(각 462회)을 스케일로 오해하지 않는다 — 특정 반복 컴포넌트의 내부 값이고 사이트 스케일은 8px 배수다