SM엔터테인먼트 오디션

거의 검정(#080808)인 무대 위에 영문 초대형 단어를 크게 올리고, 국문은 작은 본문과 한 줄 제목으로만 받친다.

SM 오디션 사이트는 검정 지면 위에 AUDITIONS·GLOBAL AUDITION·ABOUT 같은 영문 단어를 150~240px 크기로 크게 올리는 무대 같은 인상입니다. 한 곳의 이탤릭 세리프 글자(IvyOra)가 영문 단어 속 글자 하나를 바꿔 끼우는 것이 이 사이트의 시그니처입니다. 국문은 74px 제목 한 곳과 16~26px 본문·FAQ가 전부라서 국문 대형 히어로 레퍼런스로는 약하지만, 스크롤에 묶인 핀 구간과 풀블리드 사진·3D 오브젝트로 이어 붙이는 연출은 참고할 만합니다. 오디션·공연·팬덤 계열처럼 사진이 주인공이고 글자는 크게 한 단어만 쓰는 랜딩에 어울립니다.

https://audition.smtown.com

Color Palette

Background

Label

Fill

Line

Accent

Typography

Neulis Sans · 400 / 500 / 600display·nav·영문 UI (라틴 전용)

IvyOra Display · 400display accent (이탤릭 세리프)

Pretendard Variable · 400 / 500 / 600 / 700한글 전부·본문·FAQ

Apple SD Gothic Neo · 400홈 지역 라벨 폴백 (os-font)

Type Scale크기 기준은 layout

display-xl240px · 600 · 1

Handgloves 123

display-lg180px · 600 · 1

Handgloves 123

display-md150px · 600 · 1

Handgloves 123

display-home135px · 600 · 1

Handgloves 123

display-serif170px · 400 · 1

Handgloves 123

h1-hangul74px · 600 · 1

다람쥐 헌 쳇바퀴

h226px · 500 · 1.3

다람쥐 헌 쳇바퀴

quote22px · 400 · 1.4

다람쥐 헌 쳇바퀴

body16px · 400 · 1.5

다람쥐 헌 쳇바퀴

nav14px · 400 · 1.3

Handgloves 123

국문 · Korean

hangulFont	Pretendard Variable (웹폰트, 5,613글리프 99.0%) + Apple SD Gothic Neo (os-font 57글리프 1.0%, 홈 12px 지역 라벨 — Mac/Windows에서 다르게 보임)
hangulWeights	400 3,980 · 500 1,444 · 600 159 · 700 30
body	16px/400 lh1.5 (raw 19회)
sub	22px/400 후기 인용문 폭 960
label	14px/400 nav, 12px/400 지역 라벨, FAQ 질문 26/500
mixing	영문 디스플레이는 Neulis Sans, 한글은 Pretendard로 분리. 같은 노드 혼용은 Pretendard가 한글을 받고 라틴은 Neulis Sans(about 16/600 '매주 토요일' = Pretendard + Neulis Sans SemiBold)
hangulHeadings	있으나 작다 — about '토요공개오디션' 74/600(국문 최대), FAQ 질문 26/500. 150px 이상 대형 제목은 전부 영문
verdict	국문 대형 히어로 레퍼런스로는 부적합(국문 최대 74px, 히어로는 영문). 영문 초대형 + 국문 소형 본문의 대비 구성 레퍼런스로 유효
rendered	Pretendard Variable ×5613 · Apple SD Gothic Neo ×57

영문 · Latin영문 전용

latinFont	Neulis Sans 2,736글리프(68.4%) · Pretendard 586글리프(14.6%) · Neulis Sans Semi 516글리프(12.9%) · Apple SD Gothic Neo 97글리프(2.4%)
latinWeights	실측 페이스 Bold · Medium · Light
share	라틴 4,002글리프 / 한글 5,670글리프 — 지면의 41.4%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일에서 Neulis Sans를 쓰는 단: display-xl 240px/600 · display-lg 180px/600 · display-md 150px/600 · display-home 135px/600 · nav 14px/400
mixing	국영문 혼용 노드 148개(전체 639개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	Neulis Sans 영문 전용(68.4% · 최상단 디스플레이 독점) · Neulis Sans Semi 영문 전용(12.9% · 최상단 디스플레이 독점)
verdict	영문 전용 서체가 있다 — Neulis Sans 라틴 68.4% / 한글 0.0% · 최상단 디스플레이 독점 · Neulis Sans Semi 라틴 12.9% / 한글 0.0% · 최상단 디스플레이 독점. 영문 디스플레이 레퍼런스로 유효(타입 스케일 최대 240px)
sharedWithKorean	국문과 같은 서체: Pretendard · Apple SD Gothic Neo
rendered	Neulis Sans ×2421 · Pretendard Variable ×586 · Neulis Sans Semi Bold ×516 · Neulis Sans Medium ×315 · Apple SD Gothic Neo ×97 · IvyOra Display ×54 · IvyOra Display Light ×13

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	spacious
Base unit	4px
Max width	1320px
Section gap	스크롤 핀 구간이 지면을 키워 섹션 간격이 의미 없음(홈 첫 섹션 5,400px, 패딩 하단 4,500px). FAQ 행 24/24
Header	80px fixed
Content Widths	584(about)·660(apply·FAQ)·960(from-artist)·1320(global)·728/1360(홈)
Card Padding	global 카드 5열 98×130 gap 16 r12 (layout 반복 실측)
Button Padding	8×16 (Family Site) / 16×24 (Instagram)

Border Radius

Role	Value	Preview
chip	4px	21회 · span 태그
small	8px	2회 · span
card	12px	1회 · global 도시 카드(layout 반복 실측 r12)
link	16px	6회 · a
pill	24px	1회 · Family Site 버튼
pill-lg	32px	3회 · Instagram 버튼·div
pill-xl	40px	1회 · button
circle	50%	7회 · 국기·위로 가기 원형

Guidelines

영문 초대형 단어는 Neulis Sans 600, 행간 1.0으로 150~240px에 올린다 (about 180, FAQ 150, 푸터 240)
단어 속 글자 하나만 IvyOra 이탤릭 세리프로 바꿔 끼운다 (raw 170/400, 8회)
지면은 #080808/#000000이고 글자는 #FFF → #CCC → #888 3단으로 내린다
채도색은 인스타그램 버튼 #FFB7CA 한 곳으로 제한한다 (palette 1회)
국문 본문은 Pretendard 16/400 lh1.5, 후기는 22/400, FAQ 질문은 26/500
사진은 풀블리드 900px 높이 화면으로 한 장씩 쌓는다 (about 섹션 5개 연속 900)
FAQ 행은 높이 121·패딩 24/24로 흰 지면 위에 둔다

Don't

국문을 150px 이상 대형으로 쓰지 않는다 — 이 사이트 국문 최대는 74/600 한 곳
#888888을 흰 지면에 올리지 않는다 (흰 지면 위 #CCC는 대비 1.61:1, AA 미달)
핑크 #FFB7CA를 배경·강조색으로 넓히지 않는다 (사용 1회)
외부 그림자를 남발하지 않는다 — rgba(0,0,0,.2) 0 10 40 6회뿐
한글에 Neulis Sans를 지정하지 않는다 — 한글을 안 그려 OS 폰트(Apple SD Gothic Neo)로 흘러내린다 (홈 57글리프)
raw 1920의 320px 디스플레이를 1440에 그대로 쓰지 않는다 (1440 기준 240)