한화에어로스페이스
흰 지면 위에 400 웨이트 국문 대형 문장을 −4% 자간으로 놓고, 색은 우주·숲 영상이 맡는다.
한화에어로스페이스는 우주·지구 영상으로 열고 흰 지면의 큰 국문 문장으로 이어 가는 방산 코퍼레이트 사이트입니다. 색은 검정·흰색·회색뿐이고 한화 오렌지는 푸터 링크 한 곳에만 나옵니다. 국문 제목이 66~76px 크기에 400 웨이트로 가볍게 놓이는 점이 가장 참고할 만해, 국문 대형 문장으로 진중한 기업 톤을 낼 때 쓰기 좋습니다. 홈은 어두운 영상 구간과 흰 구간이 섞여 있고 서브 페이지는 전부 흰 지면입니다.
https://www.hanwhaaerospace.com/kor/index.doColor Palette
Label
Background
Line
Accent
Typography
HanwhaGothic · 100 / 200 / 400 / 600 / 700한글 전체(제목·본문·UI)
Gibson (canada-type-gibson) · 200 / 300 / 400영문 디스플레이·라벨
OTS derived font · 400한글 보조(익명 보고)
Type Scale위 px는 layout
display-en90.3px · 200 · 1.25
Handgloves 123
title-xl76px · 400 · 1.25
다람쥐 헌 쳇바퀴
title-l71.3px · 400 · 1.25
다람쥐 헌 쳇바퀴
statement66.5px · 400 · 1.25
다람쥐 헌 쳇바퀴
title-m53.9px · 400 · 1.25
다람쥐 헌 쳇바퀴
opening51px · 200 · 1.1
Handgloves 123
feature34.8px · 400 · 1.3
다람쥐 헌 쳇바퀴
ui24px · 400 · 1.25
다람쥐 헌 쳇바퀴
body16px · 400 · 1.3
다람쥐 헌 쳇바퀴
meta14.3px · 400 · 1.5
다람쥐 헌 쳇바퀴
국문 · Korean
| hangulFont | HanwhaGothic (자사 웹폰트, isCustomFont, 91.2%) + 익명 보고 OTS derived font 8.8% |
| hangulWeights | 400 주력(13,447글리프) · 100(685) · 600(560) |
| body | 16px/400 lh1.3 ls−0.16px (−1%) |
| sub | 14.3px/400 필터·탭 |
| label | 19px/400 서브 페이지 눈썹("윤리준법경영" 등) |
| mixing | 국문 제목은 HanwhaGothic 400, 영문 슬로건·제품 h1은 Gibson 200으로 분리. 한 줄 혼용은 "우리는 Great Challenger입니다."(53.9px)처럼 HanwhaGothic 단일 |
| hangulHeadings | 있음 — 홈 66.5px/400 "우리는 첨단 기술로 내일을 생각합니다.", 53.9px/400 어두운 구간 제목, 서브 페이지 71.3~76px/400 ("정직한 기업 문화로 신뢰받는 기업으로 나아갑니다." 71.3px, "뉴스룸" 76px) |
| verdict | 국문 대형 제목 레퍼런스로 유효 — 71~76px 400 웨이트 −4% 자간. 제품 h1(90px)과 홈 오프닝은 영문이라 국문 히어로는 아님 |
| rendered | hanwhaGothic ×14692 · OTS derived font ×1420 |
영문 · Latin영문 전용
| latinFont | hanwhaGothic 5,542글리프(70.7%) · Gibson 1,808글리프(23.1%) · OTS derived font 360글리프(4.6%) · Apple SD Gothic Neo 115글리프(1.5%) |
| latinWeights | 실측 페이스 Book · Light |
| share | 라틴 7,837글리프 / 한글 16,112글리프 — 지면의 32.7%가 라틴이다 (1440 CDP 실측) |
| scale | 타입 스케일에서 hanwhaGothic를 쓰는 단: title-xl 76px/400 · title-l 71.3px/400 · statement 66.5px/400 · title-m 53.9px/400 · feature 34.8px/400 · ui 24px/400 · body 16px/400 · meta 14.3px/400 |
| mixing | 국영문 혼용 노드 425개(전체 1,646개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다 |
| roleNote | Gibson 영문 전용(23.1% · 선언됨 · 최상단 디스플레이 독점) |
| verdict | 영문 전용 서체가 있다 — Gibson 라틴 23.1% / 한글 0.0% · 최상단 디스플레이 독점. 영문 디스플레이 레퍼런스로 유효(타입 스케일 최대 90.3px) |
| sharedWithKorean | 국문과 같은 서체: hanwhaGothic · OTS derived font |
| rendered | hanwhaGothic ×5542 · Gibson Book ×888 · Gibson ×775 · OTS derived font ×360 · Gibson Light ×145 · Apple SD Gothic Neo ×115 · Times New Roman ×12 |
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| Density | spacious | |
| Base unit | 추정 | |
| Max width | 1316px | |
| Section gap | 홈 섹션 y900·1408·3478·4378·5098 (구간 높이 508·2,070·900·720·991) — 서브 페이지는 insetTop 150 사례(EHS 3개 섹션 150/150) | |
| Header | 108px fixed | |
| Card Padding | 뉴스 카드 259×408 gap 23, 4열 | |
| Button Padding | 탭 버튼 26px 0 (360×82, 보더 1px rgba(255,255,255,.2)) · 설정 버튼 14×20 r10 |
Border Radius
| Role | Value | Preview |
|---|---|---|
| none | 0px | 0회 · 카드·탭·인풋 대부분 직각 (layout repeated r0px) |
| small | 2px~6px | 10회 · 관측만 (div 1·ul 9) |
| chip | 8~10px | 22회 · 링크·스팬 칩 (8px 11·10px 11) |
| button | 16px·36px | 4회 · 버튼 (36px 3·16px 1) |
| circle | 100% | 22회 · 점·원형 아이콘 span |
| pill | 9999px | 2회 · div |
Guidelines
Do
- 국문 대형 문장은 HanwhaGothic 계열 400 웨이트, 66~76px에 자간 −4%, 행간 1.25로 놓는다
- 영문 디스플레이만 Gibson 200으로 가볍게(51px·90px) — 국문과 같은 줄에 섞지 않는다
- 색은 #000·#fff·#666 3색 + 영상이 맡고, 어두운 구간은 #00040E 하나로
- 콘텐츠 폭 1316 중앙(좌우 62), 일부 서브 페이지는 1108·920 좁은 폭
- 카드·탭·인풋은 직각(r0)으로 유지, 칩만 8~10px
- 오프닝은 900px 풀블리드 영상 + 하단 한 줄 문장과 1px 헤어라인
- 큰 제목 자간은 크기에 비례해 −4%(96px)에서 −1%(16px)로 줄인다
Don't
- 오렌지 #F37321을 UI 액센트로 쓰지 않는다 — 푸터 링크 9회뿐이고 흰 지면 대비 2.88:1
- #999999를 본문에 쓰지 않는다(2.85:1, AA 미달)
- 큰 제목에 700 이상 굵기를 쓰지 않는다 — 국문 대형 제목은 전부 400, 영문 디스플레이는 200
- 디스플레이 자간을 양수·0으로 두지 않는다 (전 구간 음수)
- 그림자·그라디언트 카드로 띄우지 않는다 (외부 box-shadow 0, 유일한 것은 1px #DDD 인셋)
- 국문과 영문을 한 제목 줄에 섞지 않는다(영문은 Gibson 200, 국문은 HanwhaGothic 400로 층 분리)
