뷰노

네이비 지면 위 국문 대형은 홈 히어로 한 줄, 나머지 아홉 페이지의 제목은 80px 로마자가 맡는다.

뷰노는 의료 인공지능 기업의 코퍼레이트 사이트로, 짙은 네이비 지면 위에서 제목의 대부분을 로마자가 맡습니다. 국문이 크게 서는 곳은 홈 히어로 한 줄(60px)뿐이고 나머지 아홉 페이지의 첫 제목은 모두 80px 영문이라, 국문 대형 조판 레퍼런스로는 얇은 편입니다. 대신 라틴 서체를 1순위로 선언하고 한글을 폴백으로 받는 국내 기업 사이트의 전형을 그대로 보여주며, 그 대가로 생기는 문제까지 실측으로 드러납니다 — 같은 굵기가 두 폰트 파일로 갈리거나, 굵기 파일 없이 합성되거나, 아예 쓰이지 않는 한글 웹폰트가 열 개나 실려 있는 식입니다. 어두운 지면에서 글자 밝기를 네 단으로 내리는 방식과 라운드를 거의 쓰지 않는 각진 인상을 참고하실 만합니다.

https://www.vuno.co

Color Palette

Primary

Label

Line

Background

Static

Accent

Typography

Poppins · 300 / 400 / 500 / 600 / 700display·link·ui (라틴 전용)

NanumSquareOTFR00 · 300 / 400 / 500 / 800한글 본문·제목 기본

NanumSquare Light · 300한글 경량 본문

NanumSquareOTFB00 · 400 / 600한글 제목

Type Scale자간은 47개 스타일 중 6개에만 지정돼 있다: 40px −0

display80px · 500 · 1.18

Handgloves 123

display-ko60px · 600 · 1.4

다람쥐 헌 쳇바퀴

h150px · 600 · 1.36

다람쥐 헌 쳇바퀴

h240px · 800 · 1.38

다람쥐 헌 쳇바퀴

h335px · 600 · 1.1

다람쥐 헌 쳇바퀴

lead34px · 400 · 1.53

다람쥐 헌 쳇바퀴

lead-sm24px · 300 · 1.67

다람쥐 헌 쳇바퀴

body16px · 300 · 1.15

다람쥐 헌 쳇바퀴

caption14px · 400 · 1.57

다람쥐 헌 쳇바퀴

label13px · 500 · 1.18

Handgloves 123

국문 · Korean

hangulFont	NanumSquare 3파일 — NanumSquareOTFR00 11,262글리프(75.0%) · NanumSquare Light 2,160(14.4%) · NanumSquareOTFB00 1,585(10.6%), 합 15,007글리프. 선언 1순위는 라틴 전용 Poppins이고 한글은 2순위 NANUMSQUARE-400(스타일 247회)·NANUMSQUARE-700(15회)·NANUMSQUARE-300(9회)으로 폴백된다. 로드되는 한글 파일은 NanumSquare L·R·B·EB 4종 + Noto Sans CJK KR 9종인데 EB와 Noto CJK 전부가 0글리프다
hangulWeights	400 8,850(OTFR00 8,830 · OTFB00 20) · 300 4,457(OTFR00 2,297 · Light 2,160) · 600 1,638(OTFB00 1,565 · OTFR00 73) · 800 50(전부 OTFR00) · 500 12(전부 OTFR00). 실제로 파일이 갈리는 지점은 600(Bold)뿐이고, 300은 두 파일로 반씩 갈리며 800은 파일 없이 합성된다(해석)
body	16px / weight 300 / line-height 1.15 / letter-spacing 0 (×27). 네이비 섹션 리드는 24px / 300 / 1.67(×7), 보조 본문은 15px / 300 / 1.15(×18)
sub	홈 히어로에는 부제가 없다 — 섹션 텍스트 총량이 34자로 히어로 문장 한 줄이 전부다. 서브페이지는 80px 로마자 제목 아래 24px/300 lh1.67 국문 리드가 붙는다(소개 233자 · 제품 140자)
label	13px/500 lh1.18(푸터·유틸 ×8) · 14px/400 lh1.57(카드 메타·쿠키 고지 ×28) · 배지 14px/400과 16px/400. 라벨 단에도 자간 조정이 없다
mixing	완전 이원이다 — 라틴 18,351글리프를 Poppins가, 한글 15,007글리프를 NanumSquare가 그린다. 한 줄 안에서도 파일이 갈려서 '(주) 뷰노' 16px/400은 NanumSquareOTFR00×3(한글) + Poppins×3(괄호·기호)로, '문의사항 남기기' 16px/300은 NanumSquareOTFR00×7 + Poppins Light×1(공백)로 그려진다. 페이지 제목·제품명·메뉴는 전부 로마자(VUNO Med® Chest X-ray™·DeepCARS·Fundus AI·HATIV)라 국문이 대형 단에 올라오는 곳이 홈 히어로 한 줄뿐이다
hangulHeadings	있음, 그러나 한 줄이다 — 홈 히어로 60px/600 lh1.40(84px) 자간 0 '의료인공지능의 미래,뷰노가 이끌어갑니다.'(NanumSquareOTFB00). 그 아래 국문 제목 단은 채용 40px/800 ×3('우리는 「스스로」/「알아서」/「잘」 합니다')와 40px/400 '최고의 동료들과 함께, 의료 인공지능으로 세상을 바꿉니다', 홈 50px/600 '주요 소식'·'파트너사', 제품 35px/600 '관련 뉴스', 소개 34px/400 ls −0.68px '기술로 인류를 건강하고 행복하게 만들자'가 전부다. 반대로 나머지 아홉 페이지의 첫 제목은 100% 80px/500 Poppins 로마자다
verdict	다크 지면 국문 조판의 참고로는 쓸 만하고(네이비 위 4단 위계 #FFFFFF→#D7DFE6→#9BACBB→#778897, 본문 16/300), 국문 대형 조판 레퍼런스로는 얇다 — 60px 이상 국문이 사이트 전체에 한 줄이고 47개 스타일 중 자간이 지정된 것이 6개뿐이라 대형 국문의 트래킹 규칙이 0종이다. 대신 '라틴을 1순위로 선언하고 한글은 폴백으로 받는' 국내 코퍼레이트 사이트의 전형을 그대로 보여주며, 그 대가(300 웨이트 두 파일 분기 · 800 합성 볼드 · 쓰이지 않는 웹폰트 10파일)까지 실측으로 드러난다는 점이 이 사이트의 값이다
rendered	NanumSquareOTFR00 ×11262 · NanumSquare Light ×2160 · NanumSquareOTFB00 ×1585

영문 · Latin영문 전용

latinFont	Poppins 18,351글리프(86.4%) · NanumSquareOTFR00 2,047글리프(9.6%) · NanumSquare 494글리프(2.3%) · NanumSquareOTFB00 358글리프(1.7%)
latinWeights	실측 페이스 Light · SemiBold · Medium
share	라틴 21,250글리프 / 한글 15,007글리프 — 지면의 58.6%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일에서 Poppins를 쓰는 단: display 80px/500 · h1 50px/600 · h3 35px/600 · label 13px/500
mixing	국영문 혼용 노드 400개(전체 1,735개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	Poppins 영문 전용(86.4% · 선언됨 · 최상단 디스플레이 독점)
verdict	영문 전용 서체가 있다 — Poppins 라틴 86.4% / 한글 0.0% · 최상단 디스플레이 독점. 영문 디스플레이 레퍼런스로 유효(타입 스케일 최대 80px)
sharedWithKorean	국문과 같은 서체: NanumSquareOTFR00 · NanumSquare · NanumSquareOTFB00
rendered	Poppins ×10288 · Poppins Light ×4496 · Poppins SemiBold ×2098 · NanumSquareOTFR00 ×2047 · Poppins Medium ×1469 · NanumSquare Light ×494 · NanumSquareOTFB00 ×358

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	spacious
Base unit	10px
Max width	1260px
Section gap	홈은 섹션 높이가 곧 간격이다 — 900(히어로)·900(미디어)·673·1205·609·750. 제품 페이지는 padding 220/150, 채용 국문 선언 섹션은 480px ×3 반복, CTA 밴드는 padding 70/70
Header	nullpx absolute
Card Padding	뉴스 카드 430×630 · IR 카드 430×510 · 논문 카드 430×500 (3열 gap 0) · 파트너 로고 212×104 · 연혁 행 643×92~160
Button Padding	0 8 (아웃라인 'List' 버튼) · 0 6 / 0 13 (배지) · 0 0 0 10 (밑줄 인풋)
Grid Cards	3열 430px, gap 0 — 뉴스·IR·논문 목록이 같은 그리드를 쓴다(12개 = 4행)
Grid Partners	6열 212×104, gap 0, 로고 77개
Hero Padding Top	서브페이지 히어로 padding-top 210~270px — height 0 absolute 헤더가 겹치는 자리를 비운다

Border Radius

Role	Value	Preview
square	0px	null회 · 버튼·배지·인풋·반복 카드 전부. raw radius 집계에 0px 항목이 없다는 것은 기본값이라는 뜻이고, layout 10페이지의 repeated radius가 전부 0px으로 확인된다
list	30px	18회 · 목록 컨테이너(ul) — 사이트에서 유일하게 둥근 사각
circle	50%	58회 · 아이콘·원형 이미지
circle-full	100%	1회 · 원형 div 1개

Guidelines

국문 대형은 60px/600 lh1.40(84px) 자간 0으로 짠다 — 뷰노가 국문에 쓰는 최대 단이고, 행간이 1.40으로 넓다
네이비 지면(#102135) 위 텍스트는 #FFFFFF(17.57:1) → #D7DFE6(13.04) → #9BACBB(7.54) → #778897(4.81) 네 단으로 내린다
면을 각지게 둔다 — 버튼·배지·인풋·카드 radius 0. 둥근 것은 아이콘 50%(58회)와 목록 컨테이너 30px(18회)뿐
채도색 #40E2DE는 2px 하단 보더(×30)와 페이지네이션에만. 흰 지면 위 텍스트는 1.6:1이라 못 쓴다
콘텐츠는 1260px 중앙(본문 상세만 1116px), 서브페이지 히어로는 padding-top 210~270px으로 투명 헤더 자리를 비운다
라틴은 Poppins, 한글은 NanumSquare로 나눠 선언하고 라틴 단(80px/500 제목)에 국문을 섞지 않는다
그림자를 쓸 거면 오프셋 0의 글로우로 — 3종 전부 0 0 10/12/30px이다

Don't

국문에 800 웨이트를 선언하지 않는다 — NanumSquare에 800 파일이 바인딩돼 있지 않아 50글리프 전부 Regular가 그린다(채용 40px/800)
weight 300을 국문 본문 기준으로 삼지 않는다 — 같은 300이 NanumSquare Light 2,160글리프와 Regular 2,297글리프로 갈려 두 굵기로 보인다
대형 국문에 −2% 자간을 기대하지 않는다 — 자간이 붙은 스타일은 47개 중 6개뿐이고 80·60·50·35px은 전부 0이다
#9BACBB·#D7DFE6를 흰 지면에 옮기지 않는다 (2.33:1 ×17 · 1.35:1 ×4로 AA 미달)
네이비 지면에 #000000 텍스트를 두지 않는다 — wcag에 1.2:1 쌍이 45회 남아 있다
쓰지 않는 한글 웹폰트를 더 싣지 않는다 — NanumSquareEB와 Noto Sans CJK KR 9파일이 로드되고 0글리프를 그린다
링크 hover를 색마다 따로 만들지 않는다 — 여기선 8종 링크가 기본색과 무관하게 전부 #C6DBEE로 수렴한다(모방보다 경계할 값)