배스킨라빈스

크림색 종이 지면에 핑크 프레임과 프로모션 타일을 겹치고, 90px 자사 서체(Scoop)로 국문 제목을 크게 치는 브랜드 사이트.

배스킨라빈스 홈은 크림색 종이 질감 지면 위에 핑크 라운드 프레임, 사진 히어로, 금색·빨강 프로모션 타일을 겹쳐 놓은 발랄한 브랜드 사이트입니다. 자사 서체 Scoop을 영문 섹션 제목(50px)과 서브페이지 국문 제목(90px)에 쓰고, 본문은 Sandoll 고딕 네오1 웹폰트가 맡는 이원 구조입니다. 프로모션·신제품·이벤트처럼 카드가 많은 식품 브랜드 화면을 만들 때 참고하기 좋습니다. 헤더 위에 170px 핑크 배너가 한 겹 더 있어 첫 화면 구성이 독특합니다.

https://www.baskinrobbins.co.kr

Color Palette

Primary

Label

Background

Line

Accent

Typography

BR SCOOP Extrabold · 700display (자사 서체 — 영문 섹션 제목 + 서브페이지 국문 제목)

Sandoll GothicNeo1 TTF (04 Rg / 05 Md / 07 Bd / 09 Hv) · 400 / 500 / 600 / 700본문·UI·소제목, 한글·라틴 공통

Type Scaleraw(1920) 38개 스타일 중 1,000px 미만 빈도 상위 단

display-sub90px · 700 · 1

다람쥐 헌 쳇바퀴

display-section50px · 700 · 1

다람쥐 헌 쳇바퀴

h132px · 600 · 1.15

다람쥐 헌 쳇바퀴

h224px · 600 · 1.15

다람쥐 헌 쳇바퀴

h322px · 600 · 1.15

다람쥐 헌 쳇바퀴

body-lg20px · 600 · 1.5

다람쥐 헌 쳇바퀴

body16px · 400 · 1.15

다람쥐 헌 쳇바퀴

body-sm15px · 600 · 1.33

다람쥐 헌 쳇바퀴

caption12px · 500 · 1.15

다람쥐 헌 쳇바퀴

국문 · Korean

hangulFont	Sandoll GothicNeo1 TTF 04 Rg 42.0% · 07 Bd 35.5% · 05 Md 20.3% · 09 Hv 1.8% (한글 21,819글리프) + BR SCOOP Extrabold 102글리프
hangulWeights	400 9,106 · 500 4,420 · 600 7,750 · 700 Hv 389/Scoop 50
body	16px/400 lh1.15 자간 0, 15px/600 lh1.33
sub	20px/600 lh1.5, 14px/400
label	13px/700·600, 12px/500 캡션
mixing	국영문 혼용 노드에서도 같은 Sandoll 웹폰트 단일(한글·라틴 모두 Sandoll). 영문 섹션 제목만 Scoop으로 갈라진다. 한글 서체 웹폰트이므로 OS 폰트 의존 없음
hangulHeadings	있음 — 서브페이지 h2 90px/700 lh1.0 ls−2.25px 'BR SCOOP Extrabold'(고객 센터·보도자료·이달의 맛 히스토리, 3페이지, layout 실측 1440). 홈 첫 화면 최대 국문은 배너 문구 약 40px급(layout 미측정: 섹션 0에 heading 없음)
verdict	국문 대형 제목 레퍼런스로 유효 — 90px/700 국문 디스플레이를 자사 서체로 친다. 단 홈 섹션 제목은 영문 50px라 홈 히어로는 영문+국문 혼용
rendered	Sandoll GothicNeo1 TTF 04 Rg ×9158 · Sandoll GothicNeo1 TTF 07 Bd ×7750 · Sandoll GothicNeo1 TTF 05 Md ×4420 · Sandoll GothicNeo1 TTF 09 Hv ×389 · BR SCOOP Extrabold ×102

영문 · Latin영문 전용

latinFont	Sandoll GothicNeo1 TTF 07 Bd 6,904글리프(47.4%) · Sandoll GothicNeo1 TTF 04 Rg 3,976글리프(27.3%) · Sandoll GothicNeo1 TTF 05 Md 2,744글리프(18.9%) · Sandoll GothicNeo1 TTF 09 Hv 710글리프(4.9%)
latinWeights	실측 페이스 Extrabold
share	라틴 14,557글리프 / 한글 21,819글리프 — 지면의 40.0%가 라틴이다 (1440 CDP 실측)
scale	타입 스케일에서 Sandoll GothicNeo1 TTF 07 Bd를 쓰는 단: h1 32px/600 · h2 24px/600 · h3 22px/600 · body-lg 20px/600 · body 16px/400 · body-sm 15px/600 · caption 12px/500
mixing	국영문 혼용 노드 680개(전체 2,416개) — 혼용 노드는 한글만 담은 프로브로 재측정해 라틴 글리프를 한글 집계에서 분리했다
roleNote	BR SCOOP 영문 전용(1.5% · 선언됨 · 최상단 디스플레이 독점)
verdict	영문 전용 서체가 있다 — BR SCOOP 라틴 1.5% / 한글 0.5% · 최상단 디스플레이 독점. 영문 디스플레이 레퍼런스로 유효(타입 스케일 최대 90px)
sharedWithKorean	국문과 같은 서체: Sandoll GothicNeo1 TTF 07 Bd · Sandoll GothicNeo1 TTF 04 Rg · Sandoll GothicNeo1 TTF 05 Md · Sandoll GothicNeo1 TTF 09 Hv
rendered	Sandoll GothicNeo1 TTF 07 Bd ×6904 · Sandoll GothicNeo1 TTF 04 Rg ×3976 · Sandoll GothicNeo1 TTF 05 Md ×2744 · Sandoll GothicNeo1 TTF 09 Hv ×710 · BR SCOOP Extrabold ×223

Spacing & Shape

Spacing

Purpose	Value	Preview
Density	spacious
Base unit	5px
Max width	1440px
Section gap	섹션 상하 패딩 90~150px (홈 섹션 padT/B 90/100·110/150·150/0·146/146·120/0·134/170)
Header	90px absolute
Button Padding	0 30px (도슨트 CTA 18px/400, r30), 0 12px (바로가기 12px/400)
Grid Home	4×4 카드 258×382 / 5×3 카드 356×511 gap 6 / 10열 295×295 gap 28 (layout 실측 — contentWidth는 미측정)

Border Radius

Role	Value	Preview
xs	2px	43회 · 링크·소형 박스
—	10px	34회 · ul/li
standard	12px	40회 · 카드
card	15px	22회 · li/div, 신제품 카드 356×511
large	20px	18회 · 버튼·ul, 탭 상단 20px 20px 0 0
pill	45px	35회 · a(알약형 링크·태그)
circle	100%	24회 · button(원형)

Guidelines

섹션 제목은 영문 단어 하나를 50px/700 Scoop으로(Promotion·New Item·BR Play·Be Better·BR Benefit), 서브페이지 국문 제목은 90px/700 lh1.0 ls−2.25px
본문·UI는 Sandoll 고딕 네오1 하나로 400/500/600을 구분한다(한글·라틴 공통)
핑크 헤더 #F986BD 위 글자는 검정 #000(9.17:1)으로, 흰 글자는 쓰지 않는다(2.29:1)
카드 섹션 배경을 섹션마다 바꾼다 — 흰 #FFFFFF → 핑크 #FFE4EA → 베이지 #F4E8DF
카드 라운드는 12~15px, 탭은 상단만 16~20px, 원형 버튼은 100%
보더는 1px 베이지 #D4CDC0 한 계열로 쓴다(59회)
섹션 상하 패딩은 90~150px 구간으로 크게 잡는다(홈 8섹션 중 6섹션이 110px 이상)