큐레이션 · 오픈 · 무료

Glossier

複雑한 UI 컴포넌트 대신 사진과 타이포그래피를 주요 디자인 요소로 활용하는 '클린한' 현대 DTC 디자인의 대표적인 예로 포함할 가치가 있습니다.

beauty ecommerce clean
Glossier 스크린샷

원본 사이트: https://www.glossier.com

OpenDesign 에서 열기

디자인 DNA

시각 언어

순백과 블랙을 중심으로 한 미니멀 팔레트입니다. 제품 사진에서 유래한 부드러운 파스텔(특히 핑크)과 무채색의 그레이로 차분한 텍스트를 구성합니다.

레이아웃 구조

풍부한 여백을 둔 사진 중심의 풀와이드 레이아웃으로, 거대한 타이포그래피 히어로 오버레이와 깔끔한 그리드 기반 콘텐츠 섹션을 특징으로 합니다.

인터랙션 형태

모달, 캐러셀, 섹션 표시에 부드러운 투명도 기반 트랜지션을 적용한 표준 전자상거래 인터actions으로, 차분하고 세련된 사용자 경험을 유지합니다.

모션 규칙

미세하고 기능적이며, 주로 ease-in-out 트랜지션을 활용해 폰트 크기, 투명도, 가시성 변화를 조절하여 사용자를 에디토리얼 흐름으로 안내합니다.

en · zh-CN · zh-TW · ja · ko