미원

흰 지면 위에 근검정 굵은 국문 제목과 빨간 가마솥 로고 한 점, 구분은 2px 검정 선으로.

미원은 대상의 조미료 브랜드 사이트로, 흰 지면 위에 71px 굵은 국문 슬로건과 빨간 가마솥 로고를 가운데 놓고 여는 단출한 인상입니다. 색은 검정과 흰색이 거의 전부이고, 브랜드 빨강은 로고·제품·SNS 이미지 안에서만 나옵니다. 국문 대형 제목이 히어로를 맡는 정적 브랜드 사이트라 식품·생활 브랜드의 국문 히어로 타이포그래피와 제품 슬라이더·뉴스 2열 구성을 참고하기 좋습니다. 홈이 2,616px로 짧고 하위 페이지는 목록·본문 위주라 레이아웃 다양성은 적습니다.

https://www.miwon.co.kr

Color Palette

Label

Line

Background

Accent

Typography

Pretendard · 400 / 700display·heading·body 전부(한글 주력)

Pretendard Medium · 500본문·메타(500)

Miwon · 400브랜드 전용 서체 '미원체'

Apple SD Gothic Neo · 400 / 700일부 개인정보처리방침 본문(OS 폰트)

Type Scalelayout

display71.3px · 700 · 1

다람쥐 헌 쳇바퀴

h2-page52.5px · 700 · 1.1

다람쥐 헌 쳇바퀴

h2-home41.3px · 700 · 1.2

다람쥐 헌 쳇바퀴

h3-lg33.8px · 700 · 1.2

다람쥐 헌 쳇바퀴

h331.5px · 700 · 1.4

다람쥐 헌 쳇바퀴

list-num26.2px · 500 · 1.2

다람쥐 헌 쳇바퀴

link18px · 700 · 1.2

다람쥐 헌 쳇바퀴

body16px · 400 · 1.7

다람쥐 헌 쳇바퀴

caption12px · 400 · 1.7

다람쥐 헌 쳇바퀴

국문 · Korean

hangulFont	Pretendard 웹폰트(Pretendard 70.8% · Medium 29.0%) + 전용 Miwon 16글리프
hangulWeights	400(4,891) · 500(2,345) · 700(833) — fonts.json hangulByWeight
body	16px/400 lh1.7
sub	메타·캡션 12px/400 lh1.7
label	MORE 18px/700, 목록 날짜 26.2px/500
mixing	라틴 5,041글리프 중 Pretendard 54.9%, Apple SD Gothic Neo 44.7%(폴백 — 서체 선택 아님). 한 줄 안 국영문 혼용은 Pretendard 우선이지만 일부 라틴은 OS 폰트로 샌다
hangulHeadings	있음 — 홈 히어로 '진정한 맛을 즐기다' 71.3px/700 Pretendard(1440, raw 1920은 95px), 하위 h2 52.5px/700 '미원이란?'·'공지사항'
verdict	국문 대형 제목 레퍼런스로 유효 — 흰 지면 위 가운데 정렬 71px/700, 자간 0, lh1.0. 다만 국문 제목 단계가 700 한 웨이트뿐이라 위계는 크기로만 만든다
rendered	Pretendard ×5724 · Pretendard Medium ×2345 · Apple SD Gothic Neo ×19

영문 · Latin국문과 동일

latinFont	Pretendard 2,770글리프(54.9%) · Apple SD Gothic Neo 2,255글리프(44.7%) · Miwon 16글리프(0.3%)
latinWeights	실측 페이스 Medium
share	라틴 5,041글리프 / 한글 8,088글리프 — 지면의 38.4%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일에서 Pretendard를 쓰는 단: display 71.3px/700 · h2-page 52.5px/700 · h2-home 41.3px/700 · h3-lg 33.8px/700 · h3 31.5px/700 · list-num 26.2px/500 · link 18px/700 · body 16px/400 · caption 12px/400
mixing	국영문 혼용 노드 183개(전체 679개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	Apple SD Gothic Neo 폴백(44.7%)
verdict	영문 전용 서체 없음 — 라틴 54.9%를 그리는 Pretendard가 한글도 99.8% 그린다. 국영문을 한 서체가 맡는다 (나머지 Apple SD Gothic Neo 44.7%는 OS 폴백 — 인용하지 말 것)
sharedWithKorean	국문과 같은 서체: Pretendard · Apple SD Gothic Neo
rendered	Apple SD Gothic Neo ×2255 · Pretendard ×1564 · Pretendard Medium ×1206 · Miwon ×16

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	spacious
Base unit	실측
Max width	1080px
Section gap	홈 섹션 사이 113px(900→1013), 108px(1496→1608)
Header	86px fixed
Button Padding	12×32 (MORE 알약)
Card Padding	제품 카드 342×350, 뉴스 카드 334×334 거터 0