큐레이션 · 오픈 · 무료

Glossier

미니멀 디자인과 장난기 따뜻한 사진을 결합한 현대 다이렉트 투 컨슈머 뷰티 브랜드입니다.

01

디자인 DNA

핑크를 입고 아이스 커피를 마시는 친근한 미니멀 뷰티 에디터.

02

컬러

고대비 블랙과 화이트를 기반으로 부드러운 웜 뉴트럴을 사용하며, 컬러는 사진과 핑크 제품 포인트에 의존합니다.

03

타이포그래피

grotesque-sans · monospace

• display130px · 400
• h132px · 500
• body16px · 400
• small12px · 400

내비게이션과 작은 라벨은 올캡스 사용 · 디스플레이 텍스트는 타이트한 레터 스페이싱 · 본문 텍스트는 가독성을 위해 정상 굵기 유지

04

여백

섹션 간 풍부한 여백을 둔 표준 4px 그리드입니다.

05

표면 (라운드 / 그림자 / 경계선)

버튼과 입력 필드에 1px의 얇은 블랙 테두리를 사용하며, 둥근 모서리는 없습니다.

06

레이아웃

오버레이된 대형 타이포그래피가 있는 풀와이드 사진 히어로 섹션입니다.

07

모션과 인터랙션

모달 오버레이 및 콘텐츠 섹션을 위한 페이드인 트랜지션. · 인터랙티브 요소를 위한 부드러운 폰트 크기 및 투명도 트랜지션.

표준 포인터 커서, 미세한 투명도 또는 색상 트랜지션 가능. · 표준 커서 피드백으로 즉각적인 응답.

08

컴포넌트

• button 블랙 테두리와 블랙 텍스트가 있는 윤곽선 직사각형 버튼.
• card 타이포그래피와 사진에 의존하는 깔끔하고 테두리 없는 콘텐츠 블록.
• chip 보이는 없음.
• input 1px 테두리와 플레이스홀더 텍스트가 있는 간단한 직사각형 입력.
• hero 대형 화이트 타이포그래피 오버레이가 있는 풀블리드 라이프스타일 사진.

09

보이스와 금지 목록

• 톤 장난기 있고 대화적이며 친밀한.
• 헤드라인 짧고 강렬하며, 종종 소문자 또는 문장 대문자로 약간의 태도를 담음.
• CTA 직접적이고 행동 지향적이며 약간 비격식적 (예: 'Fetch the look').

• 형광색을 사용하지 마세요 — 스크린샷은 블랙, 화이트, 부드러운 핑크 팔레트만 엄격히 보여줍니다.
• 컴포너트 모서리를 둥글게 하지 마세요 — 스크린샷은 버튼과 모달에 날카롭고 사각 가장자리를 보여줍니다.
• levation을 위해 드롭 섀도우를 사용하지 마세요 — 스크린샷은 대부분 요소에 플랫하고 테두리 없는 디자인을 보여줍니다.
• 세리프 타이포그래피를 사용하지 마세요 — 스크린샷은 깔끔한 기하학적 산세리프 폰트의 일관된 사용을 보여줍니다.
• 좁은 패딩으로 요소를 빽빽이 채우지 마세요 — 스크린샷은 텍스트와 이미지 주변의 풍부한 여백을 보여줍니다.
• 배경에 무거운 그라디언트를 사용하지 마세요 — 스크린샷은 단색과 사진 배경을 보여줍니다.
• 피하기: 기업 용어
• 피하기: 공격적인 판매 언어
• 피하기: 지나치게 격식 있는 용어

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

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