코엑스
흰 지면에 순검정 잉크와 검정 헤더 띠, 핑크 한 점(#ED3DA6)만 얹은 전시장 안내판.
코엑스는 흰 지면 위에 순검정 글자와 검정 상단 띠만 쓰는 정보 중심의 전시·컨벤션 사이트입니다. 색은 사실상 흑백이고 핑크(#ED3DA6)가 'What's On' 라벨과 Business 알약에 아주 조금 들어갑니다. 홈 히어로는 48px/700 국문 제목 '코엑스 창립 40주년'과 큰 정사각 포스터 슬라이더로 열어서 국문 대형 제목 레퍼런스로 쓸 수 있습니다. 행사 카드 격자와 일정·주차 안내 같은 안내형 목록 화면을 설계할 때 참고하기 좋습니다.
https://www.coex.co.krColor Palette
Primary
Label
Line
Background
Accent
Typography
Pretendard · 400 / 500 / 700heading·body·ui, 한글 대부분
OTS derived font · 600600 웨이트 국문 라벨(nav·카테고리)
Poppins · 400 / 500 / 600영문 라벨·날짜·디스플레이
Type Scalepx 기준은 layout
display-latin70px · 400 · 1.2
Handgloves 123
h1-hero48px · 700 · 1.2
다람쥐 헌 쳇바퀴
statement52.5px · 400 · 1.2
다람쥐 헌 쳇바퀴
h2-section37.5px · 700 · 1.2
다람쥐 헌 쳇바퀴
h330px · 700 · 1.2
다람쥐 헌 쳇바퀴
card-title21px · 700 · 1.4
다람쥐 헌 쳇바퀴
body15px · 500 · 1.5
다람쥐 헌 쳇바퀴
link16px · 400 · 1.4
다람쥐 헌 쳇바퀴
nav12.76px · 600 · 1.2
다람쥐 헌 쳇바퀴
caption12px · 400 · 1.1
다람쥐 헌 쳇바퀴
국문 · Korean
| hangulFont | Pretendard (13,919글리프 중 82.9%) + OTS derived font 10.3%(600) |
| hangulWeights | 400 9,742 · 500 941 · 600 1,435 · 700 1,801 글리프 |
| body | 15px w500 lh1.5 ls+0.3px |
| sub | 13.5px w400 (행사 설명) |
| label | 12.76px w600 (헤더 nav) |
| mixing | 국문은 Pretendard, 영문 라벨·날짜는 Poppins로 층 분리. 'What's On' 같은 영문 라벨 + 국문 제목 조합 |
| hangulHeadings | 있음 — 홈 히어로 48/700 '코엑스 창립 40주년'(Pretendard, 1440), 가이드 '오시는 길'·'뉴스' 48/700, 홈 섹션 제목 37.5/700 '진행 중인 행사' |
| verdict | 국문 대형 제목 레퍼런스로 유효(48/700, 자간 0, 행간 1.2). 단 영문 슬로건 52.5/400이 가장 크다 |
| rendered | Pretendard ×11543 · OTS derived font ×1435 · Pretendard Medium ×941 |
영문 · Latin영문 전용
| latinFont | Pretendard 4,968글리프(67.6%) · Poppins 1,801글리프(24.5%) · OTS derived font 572글리프(7.8%) · Zapf Dingbats 4글리프(0.1%) |
| latinWeights | 실측 페이스 Medium · Light |
| share | 라틴 7,347글리프 / 한글 13,919글리프 — 지면의 34.5%가 라틴이다 (1440 CDP 실측) |
| scale | 타입 스케일에서 Pretendard를 쓰는 단: h1-hero 48px/700 · statement 52.5px/400 · h2-section 37.5px/700 · h3 30px/700 · card-title 21px/700 · body 15px/500 · link 16px/400 · caption 12px/400 |
| mixing | 국영문 혼용 노드 469개(전체 1,520개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다 |
| roleNote | Poppins 영문 전용(24.5% · 선언됨 · 최상단 디스플레이 독점) |
| verdict | 영문 전용 서체가 있다 — Poppins 라틴 24.5% / 한글 0.0% · 최상단 디스플레이 독점. 영문 디스플레이 레퍼런스로 유효(타입 스케일 최대 70px) |
| sharedWithKorean | 국문과 같은 서체: Pretendard · OTS derived font |
| rendered | Pretendard ×3665 · Poppins Medium ×1553 · Pretendard Medium ×893 · OTS derived font ×572 · Pretendard Light ×410 · Poppins ×248 · Zapf Dingbats ×4 · Apple SD Gothic Neo ×2 |
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| Density | regular | |
| Base unit | 미확인 | |
| Max width | 1292px | |
| Docs width | 1020px | |
| Section gap | 홈 섹션 y 623→884→1963→2552 (대관안내 띠 130 → 행사 격자 962 → 티켓 589 → 소식 628) | |
| Header | 50px fixed |
Border Radius
| Role | Value | Preview |
|---|---|---|
| none | 0px | 0회 · 버튼·카드·입력 대부분 직각(컴포넌트 r 0px) |
| small | 4–6px | 35회 · 소형 칩·버튼 |
| pill | 100px | 23회 · 알약 라벨(Business) |
| circle | 50% | 28회 · 페이지 점·아이콘 버튼 |
| full | 100% | 73회 · 원형 button/a |
Guidelines
Do
- 지면은 #FFFFFF, 글자는 #000000 단일 체계(검정 4,648회). 보조는 #666666(5.74:1)까지만
- 상단은 50px fixed 검정 헤더 띠, 글자는 흰색 (흰 대비 21:1 ×881)
- 국문 제목은 Pretendard 48/700 lh1.2로 크게, 섹션 제목은 37.5/700
- 영문 라벨·날짜는 Poppins 500/600, 핑크 #ED3DA6는 라벨 한두 곳에만
- 카드·버튼은 직각(radius 0)이 기본, 원형·알약은 점·토글에만
- 카드 테두리는 2px #E6E6E6 (117회), 포스터 카드는 rgba(79,98,114,.2) 0 6px 60px 그림자
- 콘텐츠 폭 1292(홈·목록), 안내·소개 페이지는 1020
Don't
- #8C8C8C(3.36:1)를 본문에 쓰지 않는다 — AA 미달, 탭 비활성 전용
- #0000EE를 브랜드색으로 베끼지 않는다 — 기본 링크색 누출로 보임(807회지만 의도 미확인)
- 핑크를 면·버튼 배경으로 넓게 쓰지 않는다 — 실측 2회+알약 1곳
- 자간을 크게 조이지 않는다 — 실측 자간은 거의 0, 본문 +0.3px뿐
- 둥근 카드(r≥16)를 만들지 않는다 — 카드·버튼 radius 0
- 컬러 섹션 배경을 늘리지 않는다 — 전 섹션 흰색, 회색 면은 #F7F7F7 한 곳
