아난티 이터널저니

흰 지면과 검정 밴드를 번갈아 밟으며, 60px 헤어라인 명조로 국문 제목을 크게 세운다.

아난티가 운영하는 리조트 라이프스타일 커머스로, 홈 한 장이 끝없이 이어지는 원페이지입니다. 국문 제목을 아주 가는 명조로 60px까지 세우고 본문은 고딕으로 받는 이원 조판을 마흔 개 섹션 내내 지키는데, 이렇게 가는 획의 국문 대형 제목을 반복해 쓰는 사례는 드뭅니다. 60px 제목 다음이 바로 16px 본문이라 그 사이 크기가 비어 있고, 흰 지면 사이에 검정 밴드를 규칙적으로 끼워 호흡을 끊습니다. 사진이 콘텐츠의 본체이며 위쪽만 둥근 아치형 이미지가 리조트 결을 내는 유일한 예외입니다.

https://www.eternaljourney.co.kr

Color Palette

Label

Fill

Line

Background

Accent

Typography

Arita-buri(TTF)-HairLine · 100display (국문 대형 제목 전용)

Spoqa Han Sans Neo · 300 / 400 / 500 / 700body·ui·caption·link, 한글 91.9%

Cormorant Garamond · 500 / 700latin display (선언 1순위, 실사용 소량)

Apple SD Gothic Neo · 300fallback

Type Scale60px display는 layout

display60px · 100 · 1.3

다람쥐 헌 쳇바퀴

h320px · 400 · 1.4

다람쥐 헌 쳇바퀴

lead16px · 500 · 1.75

다람쥐 헌 쳇바퀴

body16px · 500 · 1.5

다람쥐 헌 쳇바퀴

nav-latin16px · 300 · 1.5

다람쥐 헌 쳇바퀴

body-sm14px · 500 · 1.71

다람쥐 헌 쳇바퀴

link14px · 300 · 1

다람쥐 헌 쳇바퀴

ui13.3333px · 400 · 1.2

다람쥐 헌 쳇바퀴

caption12px · 300 · 1.5

다람쥐 헌 쳇바퀴

caption-xs11px · 300 · 1

다람쥐 헌 쳇바퀴

국문 · Korean

hangulFont	Spoqa Han Sans Neo (Light 4,364 · Medium 2,337 · Regular 135 = 6,836글리프 91.9%) + Arita-buri(TTF)-HairLine 602(8.1%). 한글 총 7,438글리프. OS 폴백(Apple SD Gothic Neo)은 0글리프
hangulWeights	100 = AritaBuri Thin 602(제목 전용, 이 웨이트를 100% 독점) · 300 = Spoqa Light 4,364 · 400 = Spoqa Regular 135 · 500 = Spoqa Medium 2,337
body	14px w500 lh1.71 ls-0.4px(-2.9%) ×1,415 / 16px w500 lh1.75 ls-0.4px(-2.5%) ×558
sub	제목 아래 설명은 16px w500 lh1.75 Spoqa Medium (샘플 '아난티가 머무는 자연에서 영감을 받아 탄생한 아난티 앳…' Medium ×107)
label	상품명 14px w300 lh1.00 ×1,605 · 캡션 12px w300 lh1.5 ls-0.4px ×19 · 최소 11px w300 ×2
mixing	국문 안에서 이원화한다 — 제목은 명조(AritaBuri Thin 100), 본문·UI는 고딕(Spoqa Han Sans Neo). 라틴은 별개 층으로 Cormorant Garamond를 선언 1순위에 두지만 실제 렌더는 70글리프(라틴의 1.4%)뿐이고, 대문자 라틴 내비(WOMEN·MEN·LIFE·BEAUTY 16px w300 uppercase ×18)는 Spoqa가 그린다. 즉 본문·UI 한 줄에 국영문이 섞이면 Spoqa 단일이다.
hangulHeadings	있다. 60px weight 100 국문 제목이 40섹션 중 25섹션에 있고, 전부 2행 구성이다(예: '샴푸바&린스바 / 환경표지인증 획득', '공간을 바꾸는 아난티 디퓨저'). 그리는 폰트는 선언 3순위 AritaBuri의 Thin 인스턴스(Arita-buri(TTF)-HairLine, 한글 602글리프 + 같은 제목 안의 라틴 358글리프)다 — 혼용 노드 분리 재측정으로도 유지된 값이다. 히어로는 #111111 지면 위 흰 글자, 검정 밴드에서도 흰 글자로 뒤집힌다
verdict	국문 대형 제목 레퍼런스로 유효하다 — 라이브러리에서 weight 100 국문 디스플레이를 60px로 25회 반복하는 유일한 사례이고, 명조(제목) / 고딕(본문) 이원 조판이 끝까지 일관된다. 제목과 본문 사이 크기가 비어 있는 2극 스케일(60 → 20 → 16)도 그대로 참고할 만하다. 단 값 이식 전 재실측이 필요하다: 60px 제목의 line-height·letter-spacing이 raw(1920) 스타일표에 없어 미확인이고, 콘텐츠 폭도 미확인이다. 본문 조판은 14/16px에 -0.4px 자간·lh1.71~1.75로 평범한 편이라 참고 가치는 제목 쪽에 있다
rendered	Spoqa Han Sans Neo Light ×4364 · Spoqa Han Sans Neo Medium ×2337 · Arita-buri(TTF)-HairLine ×602 · Spoqa Han Sans Neo ×135

영문 · Latin국문과 동일

latinFont	Spoqa Han Sans Neo 4,675글리프(91.6%) · Arita-buri(TTF)-HairLine 358글리프(7.0%) · Cormorant Garamond 70글리프(1.4%) · Apple SD Gothic Neo 3글리프(0.1%)
latinWeights	실측 페이스 Light · Medium
share	라틴 5,106글리프 / 한글 7,438글리프 — 지면의 40.7%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일에서 Spoqa Han Sans Neo를 쓰는 단: h3 20px/400 · lead 16px/500 · body 16px/500 · nav-latin 16px/300 · body-sm 14px/500 · link 14px/300 · ui 13.3333px/400 · caption 12px/300 · caption-xs 11px/300
mixing	국영문 혼용 노드 163개(전체 560개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	라틴 40.7%를 국문 서체가 그대로 그린다 — 영문용 선택 없음
verdict	영문 전용 서체 없음 — 라틴 91.6%를 그리는 Spoqa Han Sans Neo가 한글도 91.9% 그린다. 국영문을 한 서체가 맡는다
sharedWithKorean	국문과 같은 서체: Spoqa Han Sans Neo · Arita-buri(TTF)-HairLine
rendered	Spoqa Han Sans Neo Light ×3772 · Spoqa Han Sans Neo Medium ×881 · Arita-buri(TTF)-HairLine ×358 · Cormorant Garamond ×70 · Spoqa Han Sans Neo ×22 · Apple SD Gothic Neo ×3

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	spacious
Base unit	8px
Max width	미확인 — layout contentWidth 480(candidates 480×3)은 히어로 슬라이드 폭(480×899 ×7)을 집은 값으로 보인다. 카드 198×265, 피처 행 353×110은 잡혔으나 중앙 컬럼 폭은 재측정 필요px
Section gap	카드 섹션 패딩 140/140 ×6
Header	0 (미검출 — absolute/relative 헤더라 추출기가 높이를 0으로 본다)px sticky
Page Max Width	미확인 — layout contentWidth 480(candidates 480×3)은 히어로 슬라이드 폭(480×899 ×7)을 집은 값으로 보인다. 카드 198×265, 피처 행 353×110은 잡혔으나 중앙 컬럼 폭은 재측정 필요
Grid Cards	상품 카드 198×265, 컬럼 4·5·8·9로 섹션마다 다르다(4×4 ×3섹션, 5×5, 8×8, 9×9). 카드 라운드 8px
Grid Feature	다크 밴드 안 3×1 행, 아이템 353×110, 라운드 0
Hero Slider	7슬라이드 × 480×899, gap 0
Card Padding	미확인 (repeated 항목에 패딩 없음)
Button Padding	카테고리 버튼 0 10px · 오버레이 라벨 15px

Border Radius

Role	Value	Preview
hairline	2px	2회 · 인라인 span 태그
standard	8px	1036회 · 상품 카드·버튼·이미지 — 사이트 표준
standard-top	8px 8px 0px 0px	1회 · 상단만 둥근 블록
container	10px	132회 · 내비·컨테이너 박스
arch	170px 170px 0px 0px	58회 · 아치형 미디어 — 리조트 결의 형태 장치
circle	50%	1회 · 원형 이미지

Guidelines

국문 대형 제목은 AritaBuri Thin 60px w100 2행으로 세운다 — 40섹션 중 25섹션이 이 한 스타일이다
제목(60px 명조)과 본문(16/14px 고딕)만 쓰고 그 사이 크기를 만들지 않는다 — 20px은 6회뿐인 예외다
자간은 -0.4px(16px −2.5%, 14px −2.9%)와 -0.5px 두 값만. 국문에 양수 자간을 쓰지 않는다
흰 지면(32섹션)에 검정 밴드(8섹션)를 규칙적으로 끼워 호흡을 끊는다 — 밴드 높이는 1062 또는 1215px
라운드는 8px 하나로 통일하고(1,036회), 아치가 필요할 때만 170px 170px 0 0(58회)을 쓴다
제목 밴드는 패딩 140/60, 카드 섹션은 140/140으로 상하 여백을 고정한다
본문 대비는 #111111 on #FFFFFF 18.88:1로 유지한다(521쌍 중 미달 0)

Don't

그림자로 띄우지 않는다 — box-shadow 0개, 깊이는 배경색 반전과 1px 보더(#111 ×741, rgba(255,255,255,.2) ×118)로만 만든다
#999999(2.85:1)를 본문에 쓰지 않는다 — 사이트 유일한 AA 미달 4쌍이 이 색이다
#007AFF를 브랜드 액센트로 옮기지 않는다 — swiper-button-next 14회, 슬라이더 기본값 추정이다
히어로 검정(#111111)과 밴드 검정(#000000)을 뒤섞지 않는다 — 지면 역할이 다르다(884회 vs 21,273회)
이징을 늘리지 않는다 — 전 사이트가 ease 35회 단일이고 duration은 0.13/0.2/0.3/0.5s 4종뿐이다
60px 제목에 굵은 웨이트를 넣지 않는다 — weight 100 슬롯은 AritaBuri Thin 전용이고 Spoqa로 대체하면 결이 무너진다
그라디언트를 장식으로 쓰지 않는다 — 사이트의 그라디언트 10개는 전부 가로 스크롤 좌우 페이드다