아이파킹

흰 지면과 중회색 본문 위에 빨강 #FF3429 한 색으로 핵심 단어와 CTA만 찍고, 제품은 사진·3D 렌더가 말하게 한다.

아이파킹은 주차 시스템 B2B 사이트로, 흰 지면에 제목은 굵은 검정, 강조 단어와 문의 버튼만 빨강으로 칠하는 단정한 인상입니다. 홈은 전폭 사진 히어로 → 3D 제품 카드 → 렌탈 → 가치 4칸 → 사업 모델 3칸 → 레퍼런스 로고 순으로 길게 내려가고, 마지막에 검정 상담 푸터가 닫습니다. 국문 대형 제목(홈 56px, 앱 소개 86px)이 실제로 있어 국문 제목 타이포그래피와 B2B 제품 소개 구성을 참고하기 좋습니다. 다만 헤더는 측정되지 않았고, 홈 하단의 큰 빈 구간(약 3,300px)은 캡처에서 내용이 비어 있습니다.

https://www.iparking.co.kr/kr

Color Palette

Primary

Label

Background

Accent

Typography

Wanted Sans Variable · 400 / 500 / 600 / 700body·ui·앱 소개 대형 제목

Nexen_B · 700홈·서브 섹션 제목 display

Nexen_R · 400서브페이지 타이틀 밴드·이벤트 본문

Type Scalepx 기준은 layout

display-app86px · 700 · 1.13

다람쥐 헌 쳇바퀴

hero56px · 700 · 1

다람쥐 헌 쳇바퀴

h2-section45px · 700 · 1.4

다람쥐 헌 쳇바퀴

page-title45px · 400 · 1.1

다람쥐 헌 쳇바퀴

h3-sub30px · 700 · 1.4

다람쥐 헌 쳇바퀴

lead22px · 400 · 1.6

다람쥐 헌 쳇바퀴

body18px · 400 · 1.6

다람쥐 헌 쳇바퀴

body-sm14px · 400 · 1.6

다람쥐 헌 쳇바퀴

label14px · 700 · 1.6

다람쥐 헌 쳇바퀴

caption12px · 400 · 1

다람쥐 헌 쳇바퀴

국문 · Korean

hangulFont	Wanted Sans Variable 81.1% · Nexen_R 11.8% · Nexen_B (모두 웹폰트, 선언 1순위 Wanted Sans Variable/NexenTire)
hangulWeights	300~700, 700 제목 주력(Wanted 3,269 + Nexen_B 1,198)
body	14~18px w400 lh1.6 ls −0.7~−0.72px
sub	20~22px w400~500 lh1.6 ls −0.4~−1px
label	14px w600~700 ls −0.7px · 12px w600 ls −0.6px
mixing	본문·UI는 Wanted Sans 한 서체가 한글·영문을 모두 그린다(라틴 9,589글리프). 제목은 Nexen_B 한글 + 숫자·라틴 소수
hangulHeadings	있음. 홈 히어로 56.2px/700 Nexen_B '똑똑한 주차 관리 파트너'(1440), 섹션 제목 45px/700 '주차의 모든 순간…'(1440), 앱 소개 86.2px/700 Wanted Sans '아이파킹앱'(1440)
verdict	국문 대형 제목 레퍼런스로 유효 — 최대 86.2px/700(앱 소개), 홈은 56px. 자간 −3%(제목)~−5%(본문)로 전 구간 음수
rendered	Wanted Sans Variable ×13724 · Nexen_R ×1989 · Nexen_B ×1198 · xeicon ×2

영문 · Latin국문과 동일

latinFont	Wanted Sans 9,589글리프(83.2%) · Nexen_R 1,016글리프(8.8%) · Nexen_B 893글리프(7.7%) · xeicon 24글리프(0.2%)
latinWeights	단일 페이스(웨이트 파생 페이스 없음)
share	라틴 11,526글리프 / 한글 16,913글리프 — 지면의 40.5%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일에서 Wanted Sans를 쓰는 단: display-app 86px/700 · h3-sub 30px/700 · lead 22px/400 · body 18px/400 · body-sm 14px/400 · label 14px/700 · caption 12px/400
mixing	국영문 혼용 노드 644개(전체 1,879개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	라틴 40.5%를 국문 서체가 그대로 그린다 — 영문용 선택 없음
verdict	영문 전용 서체 없음 — 라틴 83.2%를 그리는 Wanted Sans가 한글도 81.1% 그린다. 국영문을 한 서체가 맡는다
sharedWithKorean	국문과 같은 서체: Wanted Sans · Nexen_R · Nexen_B · xeicon
rendered	Wanted Sans Variable ×9589 · Nexen_R ×1016 · Nexen_B ×893 · xeicon ×24 · Apple SD Gothic Neo ×4

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	spacious
Base unit	8px
Max width	1200px
Section gap	섹션 위아래 패딩 150/150(홈 4개 섹션 반복), 서브페이지 141/141(이벤트)
Header	82.5px fixed
Card Padding	홈 비즈니스 카드 381×534, 3열 gap 28
Button Padding	히어로 CTA 262×60 근사(fold 캡처 기준), radius 12px

Border Radius

Role	Value	Preview
input	5px	9회 · 입력·페이지네이션
badge	4px	19회 · 검정 배지
small	8px	67회 · 작은 상자
standard	12px	75회 · CTA 버튼·이미지
card	16px	173회 · 버튼·링크 카드
image	20px	66회 · 이미지
large	30px	30회 · 큰 상자
circle	50%	209회 · 아이콘·원형 버튼