러쉬코리아
흰 지면과 근검정 #222222 글자 위에 사진이 색을 전부 맡고, 56px/700 국문 한 줄로 여는 절제된 브랜드 사이트.
러쉬코리아 브랜드 사이트는 흰 지면에 근검정 글자만 쓰고, 색은 전부 제품·인물 사진이 맡는 조용한 구성입니다. 히어로는 사진 위에 56px 굵은 국문 제목을 얹고, 이후 섹션은 사진과 글 블록을 좌우로 번갈아 놓는 1224px 중앙 컬럼으로 이어집니다. 국문 대형 제목이 실제로 있어 국문 히어로 타이포그래피 레퍼런스로 쓸 수 있고, 사진 중심의 뷰티·라이프스타일 브랜드 사이트를 만들 때 참고하기 좋습니다. 마지막은 검은 원형 아이콘 6개와 376px 검정 푸터로 닫힙니다.
https://weare.lush.co.krColor Palette
Label
Accent
Background
Static
Typography
Pretendard · 300 / 400 / 700히어로·제목·본문·UI 전반
Noto Sans KR · 400 / 700약관 페이지 본문(policy_L2403)
Type Scalepx는 raw(1920) typography
display56px · 700 · 1
다람쥐 헌 쳇바퀴
h232px · 700 · 1.31
다람쥐 헌 쳇바퀴
quote24px · 700 · 1.5
다람쥐 헌 쳇바퀴
lead22px · 700 · 1.5
다람쥐 헌 쳇바퀴
h318px · 700 · 1.5
다람쥐 헌 쳇바퀴
body16px · 400 · 1.5
다람쥐 헌 쳇바퀴
nav16px · 300 · 1
다람쥐 헌 쳇바퀴
label14px · 700 · 1.57
다람쥐 헌 쳇바퀴
caption12px · 300 · 1.5
다람쥐 헌 쳇바퀴
국문 · Korean
| hangulFont | Pretendard 웹폰트(홈·브랜드) 14,291글리프 53.6% · 약관 페이지 Noto Sans KR DemiLight 11,112 / Bold 1,279 |
| hangulWeights | 300(10,494글리프 nav·캡션) · 400 · 700(2,961 제목) |
| body | 16px/400 lh1.5, 약관 14px/400 lh1.57 ls −0.24px |
| sub | 18px/700 lh1.5 ls −0.36px (카드 제목) |
| label | 12px/300 lh1.5 캡션 · 14px/700 |
| mixing | 국문 주도에 영문 라벨(Naked Products 등)과 LUSH 워드마크 섞임. 같은 Pretendard 단일 |
| hangulHeadings | 있음 — 히어로 56px/700 Pretendard 국문 2줄(홈 '지친 피부에 충전이 필요한 지금!', 서브 '러쉬로운'·'가까운 매장을 찾아'), 섹션 32px/700 국문 |
| verdict | 국문 히어로·대형 제목 레퍼런스로 유효(56/700 lh1.0, 32/700 자간 −2.8%). 단 히어로 글자는 사진 위 흰색이라 사진 명도 의존 |
| rendered | Pretendard ×14291 · Noto Sans KR DemiLight ×11112 · Noto Sans KR Bold ×1279 |
영문 · Latin국문과 동일
| latinFont | Pretendard 8,658글리프(65.0%) · Noto Sans KR DemiLight 3,990글리프(30.0%) · Noto Sans KR 663글리프(5.0%) |
| latinWeights | 실측 페이스 Light · Bold |
| share | 라틴 13,311글리프 / 한글 26,682글리프 — 지면의 33.3%가 라틴이다 (1440 CDP 실측) |
| scale | 타입 스케일에서 Pretendard를 쓰는 단: display 56px/700 · h2 32px/700 · quote 24px/700 · lead 22px/700 · h3 18px/700 · body 16px/400 · nav 16px/300 · caption 12px/300 |
| mixing | 국영문 혼용 노드 648개(전체 1,752개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다 |
| roleNote | 라틴 33.3%를 국문 서체가 그대로 그린다 — 영문용 선택 없음 |
| verdict | 영문 전용 서체 없음 — 라틴 65.0%를 그리는 Pretendard가 한글도 53.6% 그린다. 국영문을 한 서체가 맡는다 |
| sharedWithKorean | 국문과 같은 서체: Pretendard · Noto Sans KR DemiLight · Noto Sans KR |
| rendered | Pretendard ×8658 · Noto Sans KR DemiLight ×3990 · Noto Sans KR Bold ×663 |
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| Density | spacious | |
| Base unit | 8px | |
| Max width | 1224px | |
| Section gap | 홈: 히어로 900px → 섹션 높이 408~751px, 카드 gap 64px | |
| Header | 96px fixed | |
| Button Padding | 0 64px (자세히 보기) · 0 38px (문의하기) · 높이 약 48px 외곽선 r0 |
Border Radius
| Role | Value | Preview |
|---|---|---|
| input | 4px | 1회 · select |
| — | 10px | 4회 · 관측만 |
| button | 12px | 1회 · URL 복사 버튼 |
| — | 14px | 9회 · 관측만(div) |
| card | 30px | 18회 · div·iframe 박스 |
| circle | 50% | 122회 · 원형 제품 이미지·퀵버튼·아이콘 원 |
Guidelines
Do
- 지면은 #FFFFFF, 글자는 #222222(15.91:1) 단일 계열로 두고 색은 사진에 맡긴다
- 히어로는 사진 전면 + 56px/700 lh1.0 국문 제목 2줄 흰 글자로 연다
- 섹션 제목은 32px/700 lh1.31 자간 −0.896px, 본문은 16px
- 버튼은 1px #222222 외곽선 r0, 패딩 0 64px로 통일한다
- 사진과 글 블록을 1224px 중앙 컬럼에서 좌우로 번갈아 놓는다
- 원형(r50%) 이미지 288×288을 gap 66px 캐러셀로 쓴다
- hover는 #18A957 한 색으로만 바꾼다
Don't
- 유채색을 정지 상태 UI에 쓰지 않는다 — #18A957은 hover·복사 버튼 1회뿐
- 버튼에 라운드·채움을 주지 않는다(주 CTA r0 외곽선)
- #18A957 위 흰 글자를 본문에 쓰지 않는다(3.06:1, AA 미달)
- 그라디언트·그림자로 깊이를 만들지 않는다(그라디언트 0개, 카드 그림자는 퀵 UI의 0 4px 4px α.25뿐)
- 약관 페이지의 Noto Sans KR 14px을 브랜드 서체로 오인하지 않는다(1페이지 한정)
- #757575는 불릿 외 텍스트로 쓰지 않는다(#222 위 3.45:1)




