삼성물산

흰 지면 위에 삼성 블루 한 색과 사진 카드, 제목은 영문 대문자 한 단어로 끊는다.

삼성물산은 흰 지면에 사진 카드를 크게 깔고, 섹션 제목을 'OUR BUSINESS'·'NEWSROOM'처럼 영문 대문자 한 단어로 여는 대기업 코퍼레이트 사이트입니다. 색은 삼성 블루(#1428A0) 한 색이 뉴스룸 면과 버튼 글자를 맡고, 주가 위젯의 청록 한 칸이 유일한 보조색입니다. 국문 제목은 31px 안팎으로 작고 큰 제목은 영문이 맡기 때문에 국문 히어로 레퍼런스로는 약하지만, 사진 중심의 사업 소개·IR 정보 구조를 짤 때 참고하기 좋습니다. 하위 페이지는 50px 제목 띠와 1px 회색 구분선 목록으로 반복되어 IR·공시 같은 문서형 화면의 기준이 됩니다.

https://www.samsungcnt.com/index.do

Color Palette

Primary

Label

Line

Background

Accent

Typography

Spoqa Han Sans Neo · 400 / 700heading·body·ui — 국영문 단일

Type Scaleraw(1920)와 layout(1440)의 제목 크기가 다르다: raw 64/56/50/40px은 1440에서 49

watermark218px · 400 · 1

다람쥐 헌 쳇바퀴

display64px · 700 · 1.25

다람쥐 헌 쳇바퀴

h1-sub50px · 700 · 1

다람쥐 헌 쳇바퀴

h2-home44px · 700 · 1.25

다람쥐 헌 쳇바퀴

h340px · 700 · 1.4

다람쥐 헌 쳇바퀴

h3-sm27px · 700 · 1.33

다람쥐 헌 쳇바퀴

heading-118px · 400 · 1

다람쥐 헌 쳇바퀴

body-bold18px · 700 · 1

다람쥐 헌 쳇바퀴

link15px · 700 · 1

다람쥐 헌 쳇바퀴

label13px · 400 · 1

다람쥐 헌 쳇바퀴

국문 · Korean

hangulFont	Spoqa Han Sans Neo (Regular 7,823 + Bold 3,017글리프, 둘 다 webfont)
hangulWeights	400 본문 · 700 제목·강조
body	18px/400 lh1.0 ls−0.63px (raw 39회), 14px 본문(FAQ·소개)
sub	15px/400·700 링크, lh1.0
label	13px/400·700 ls−0.63px
mixing	국영문 단일 서체 — 영문 제목과 국문 본문이 같은 Spoqa Han Sans Neo. 영문은 대문자 한 단어 제목으로 층을 가른다
hangulHeadings	있으나 작다 — 국문 최대 31.1px/700(홈 히어로 '[공간] 가치를 더하다'·IR 문의 카피). 49.8px 제목 띠는 '인재채용'·'주식정보' 4자 국문과 'FAQ'·'CONTACT IR' 영문이 섞여 있다
verdict	국문 대형 히어로 레퍼런스로는 부적합(국문 최대 31.1px, 큰 제목은 영문 43.6px). 50px 하위 페이지 제목 띠와 국문 18px −0.63px 고정 자간 본문은 코퍼레이트 IR 화면 레퍼런스로 유효
rendered	Spoqa Han Sans Neo ×7823 · Spoqa Han Sans Neo Bold ×3017

영문 · Latin국문과 동일

latinFont	Spoqa Han Sans Neo 21,652글리프(99.9%) · .SF NS 12글리프(0.1%) · Apple SD Gothic Neo 10글리프(0.0%)
latinWeights	실측 페이스 Bold
share	라틴 21,674글리프 / 한글 10,840글리프 — 지면의 66.7%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일에서 Spoqa Han Sans Neo를 쓰는 단: watermark 218px/400 · display 64px/700 · h1-sub 50px/700 · h2-home 44px/700 · h3 40px/700 · h3-sm 27px/700 · heading-1 18px/400 · body-bold 18px/700 · link 15px/700 · label 13px/400
mixing	국영문 혼용 노드 262개(전체 1,238개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	라틴 66.7%를 국문 서체가 그대로 그린다 — 영문용 선택 없음
verdict	영문 전용 서체 없음 — 라틴 99.9%를 그리는 Spoqa Han Sans Neo가 한글도 100.0% 그린다. 국영문을 한 서체가 맡는다
sharedWithKorean	국문과 같은 서체: Spoqa Han Sans Neo
rendered	Spoqa Han Sans Neo ×13662 · Spoqa Han Sans Neo Bold ×7990 · .SF NS ×12 · Apple SD Gothic Neo ×10

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	regular
Base unit	8px
Max width	1320px
Docs width	1200px
Section gap	홈 사업 카드 y739 → ESG y1384 → 뉴스룸 y2552 → 네트워크 y3250 → IR y3980 (섹션 높이 243~1106, 제목 위 여백 80px 153회)
Header	160px fixed
Grid Home	4열 333×522 거터 0(사업 카드, 1320폭) · IR 3열 444×120
Card Padding	미확인
Button Padding	0 24px / 0 41.7px (높이 가변) · 20×32(IR 대형)

Border Radius

Role	Value	Preview
standard	8px	345회 · 링크·카드·버튼 표준
—	10px	18회 · div 관측
—	25px	4회 · div 관측
pill	26px	18회 · 'Key Info' 버튼
pill	45px	3회 · '바로가기'·IR 대형 버튼
circle	50%	35회 · 재생·슬라이더 원형 버튼

Guidelines

섹션 제목은 영문 대문자 한 단어 43.6px/700로 연다('OUR BUSINESS'·'NEWSROOM'·'GLOBAL NETWORK' 등 5개)
사업·ESG는 사진 카드 위에 흰 글자 제목 27px/700을 얹는다(사업 카드 333×522, 거터 0)
브랜드색 #1428A0은 뉴스룸 면·연도 띠·버튼 글자에 한정한다(raw 408회, 11.41:1)
서체는 Spoqa Han Sans Neo 400·700 두 굵기만 쓰고 자간은 −0.63px 고정
목록은 1px #E5E5E5 구분선과 110px 행 높이로 쌓는다(IR 이벤트 15행·FAQ 13행)
콘텐츠 폭 홈 1320(좌우 60), 하위 1200 중앙 정렬
버튼 라운드는 용도별로 8px(사각)·26px(칩)·45px(대형 알약)로 가른다