LG

흰 지면과 검정 잉크, 그리고 자체 서체 한 벌. 연출은 ESG 섹션의 900px 패널 핀에만 몰아준다.

LG 지주사 사이트는 흰 지면 위에 검정 잉크로만 말하고, 브랜드 레드 #BB0841을 93회로 아껴 씁니다. 국영문을 통틀어 자체 서체 LG Smart_H2.0 한 벌이 22,364글리프를 전부 그리는데, 굵기를 font-weight가 아니라 R·SB·B 세 폰트 파일로 고르기 때문에 CSS 상의 weight는 거의 400에 머뭅니다. 다만 홈 히어로의 큰 국문은 살아 있는 텍스트가 아니라 1600×900 이미지에 구워져 있어서, 실제 텍스트로 잡히는 국문 최대치는 60px입니다. 참고할 만한 대목은 조판보다 ESG 섹션의 스크롤 연출로, 900px 패널을 네 번·여섯 번 연달아 고정하는 핀 10개가 라이브러리에서 두 번째로 많습니다.

https://www.lg.co.kr

Color Palette

Label

Line

Background

Accent

Typography

LG Smart_H2.0 R · 400본문·링크·목록 — 한글 8,901글리프(87.4%) · 라틴 11,231글리프
LG Smart_H2.0 SB · 400제목·nav — 한글 1,273글리프(12.5%) · 라틴 772글리프
LG Smart_H2.0 B · 400홈 섹션 제목 60px — 한글 7글리프 · 라틴 180글리프
LG Smart_H2.0 L · 400본문 경량 — 22px·15px 소수
Type Scale1440 기준
display60px · 400 · 1
다람쥐 헌 쳇바퀴
hero-esg60px · 400 · 1.3
다람쥐 헌 쳇바퀴
h146px · 400 · 1.09
다람쥐 헌 쳇바퀴
h232px · 400 · 1.09
다람쥐 헌 쳇바퀴
h326px · 400 · 1.15
다람쥐 헌 쳇바퀴
lead20px · 400 · 1.6
다람쥐 헌 쳇바퀴
body18px · 400 · 1.5
다람쥐 헌 쳇바퀴
body-sm16px · 400 · 1.6
다람쥐 헌 쳇바퀴
link15px · 400 · 1
다람쥐 헌 쳇바퀴
caption14px · 400 · 1
다람쥐 헌 쳇바퀴

국문 · Korean

hangulFontLG Smart_H2.0 R 8,901글리프(87.4%) · SB 1,273(12.5%) · B 7 — 한글 10,181글리프 100%를 자체 서체가 그린다
hangulWeightsCSS weight는 400 하나(8,375+1,273글리프)이고 600은 26·700은 500글리프뿐이다. 굵기는 weight가 아니라 LGSmHaTR→SB→B 파일 교체로 만든다
body16px/400 lh1.6 자간 normal (12회) · 18px/400 (9회)
sub20px/400 lh1.6 (5회) · ESG 히어로 부제 32px/400 lh1.56 ls −1.28px
label15px/400 lh1.0 링크(18회) · 14px/400 캡션(37회, 최다)
mixing국영문이 한 서체 안에서 섞인다 — 'Contact IR'·'LG Way'처럼 라틴만인 제목도 같은 LGSmHaTSB 46px을 쓴다. 라틴 전용 서체가 따로 없다
hangulHeadings있음 — 홈 섹션 제목 60px/400 lh1.0(LGSmHaTB)과 ESG 정책 히어로 60px/400 lh1.3 ls −1.6px(LGSmHaTSB). 다만 홈 히어로의 더 큰 국문('미래, 같이')은 1600×900 이미지에 구워져 있어 텍스트가 아니다
verdict자체 서체의 국문 대형을 보고 싶을 때 유효하지만 60px에서 멈춘다. 크기별 자간 규칙이 없어(33개 중 7개만 자간 지정) 트래킹 레퍼런스로는 약하고, 굵기를 폰트 파일로 고르는 구조가 이 사이트에서 배울 지점이다
renderedLG Smart_H2.0 R ×8901 · LG Smart_H2.0 SB ×1273 · LG Smart_H2.0 B ×7
영문 · Latin국문과 동일
latinFontLG Smart_H2.0 R 11,231글리프(92.2%) · LG Smart_H2.0 SB 772글리프(6.3%) · LG Smart_H2.0 B 180글리프(1.5%)
latinWeights단일 페이스(웨이트 파생 페이스 없음)
share라틴 12,183글리프 / 한글 10,181글리프 — 지면의 54.5%가 라틴이다 (1440 CDP 실측)
scale타입 스케일에서 LG Smart_H2.0 R를 쓰는 단: h2 32px/400 · lead 20px/400 · body 18px/400 · body-sm 16px/400 · link 15px/400 · caption 14px/400
mixing국영문 혼용 노드 214개(전체 716개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote라틴 54.5%를 국문 서체가 그대로 그린다 — 영문용 선택 없음
verdict영문 전용 서체 없음 — 라틴 92.2%를 그리는 LG Smart_H2.0 R가 한글도 87.4% 그린다. 국영문을 한 서체가 맡는다
sharedWithKorean국문과 같은 서체: LG Smart_H2.0 R · LG Smart_H2.0 SB · LG Smart_H2.0 B
renderedLG Smart_H2.0 R ×11231 · LG Smart_H2.0 SB ×772 · LG Smart_H2.0 B ×180

Spacing & Shape

Spacing

PurposeValuePreview
Densityregular
Base unit5px
Max width1200px
Section gap홈은 900px 슬라이드 단위(0·900·1800)
Header71px fixed
Content Widths1200 기본(홈·연혁·정책·보도자료) · 1028(Contact IR) · 980(CI) · 960(ESG 전략) · 668(ESG Way)
Card PaddingLG Way 카드 300×61 3×3 (거터 0) · 홈 바로가기 285×150 5×2 거터 15 · 홈 미디어 210×250 12열 거터 20
Button Padding0px 50px(목록, h 미검출) · 0 14 0 46(바로가기) · 10px 16px(DOWNLOAD)

Border Radius

RoleValuePreview
sharp3px 1회 · 관측만
small4px 3회 · DOWNLOAD 버튼
medium10px 27회 · 카드·썸네일 표준. 사실상 이 한 값이 전부다
large12px 3회 · 관측만
circle50% 6회 · 아이콘 버튼·슬라이드 인디케이터

Guidelines

Do

Don't

Pages

More like this

두산
두산
같은 도메인 · Corporate · 10 pages
라인플러스
라인플러스
같은 도메인 · Corporate · 10 pages
현대엘리베이터
현대엘리베이터
같은 도메인 · Corporate · 10 pages
기아
기아
같은 도메인 · Corporate · 10 pages