큐레이션 · 오픈 · 무료

Le Labo

무드 있는 사진과 선명한 타이포그래피를 통해 원시적이고 에디토리얼한 미학을 선보이는 프리미엄 향수 브랜드.

01

디자인 DNA

원시 소재가 현대 미니멀리즘과 만나는 세련되고 어두운 약방 실험실.

02

컬러

어두운 텍스처 사진 위에 화이트 텍스트를 배치하여 의존하는 고대비 단색 팔레트.

03

타이포그래피

grotesque-sans

• display30px · 900
• heading18px · 700
• body14px · 400

제목과 라벨에 대문자를 많이 사용합니다. · 작은 대문자 텍스트에는 넓은 자간을 적용합니다.

04

여백

주요 컨테이너에 넉넉한 패딩을 적용한 적당한 리듬.

05

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

1px solid rgba(51, 51, 51, 1.0)

0 2px 4px rgba(0,0,0,0.1)

06

레이아웃

전체 너비 배경 이미지를 많이 사용하는 중앙 컬럼 레이아웃.

07

모션과 인터랙션

hover 시 빠른 불투명도 전환. · 복잡한 진입 애니메이션은 관찰되지 않음.

인터랙티브 요소의 불투명도 변경. · 복잡한 피드백 없이 즉각적인 상태 변경.

08

컴포넌트

• button 화이트 대문자 텍스트가 있는 전체 너비, 어두운 직사각형 블록.
• card 최소한의 테두리를 사용하고 사진에 의존하는 이미지 기반 카드.
• chip 이 보기에서는 관찰되지 않습니다.
• input 검은색 텍스트와 은은한 테두리가 있는 화이트 배경 드롭다운.
• hero 전체 화면, 무드 있는 사진 배경과 중앙 정렬된 오버레이 텍스트.

09

보이스와 금지 목록

• 톤 직설적이고 권위적이며 절제된.
• 헤드라인 짧고 임팩트 있는 대문자 문구.
• CTA 주의를 끄는 고대비의 전면 대문자 버튼.

• 화려한 액센트 색상을 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다.
• 주요 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 직사각형 모서리를 보여줍니다.
• 주요 제목에 세리프 글꼴을 사용하지 마세요 — 스크린샷은 굵고 기하학적인 grotesque-sans를 보여줍니다.
• 많은 작은 아이콘으로 인터페이스를 어지럽히지 마세요 — 스크린샷은 미니멀한 접근 방식을 보여줍니다.
• 가볍고 산뜻한 배경을 사용하지 마세요 — 스크린샷은 어둡고, 무드 있으며, 텍스처가 느껴지는 사진을 특징으로 합니다.
• 주요 CTA 버튼에 소문자를 사용하지 마세요 — 스크린샷은 전면 대문자 텍스트를 보여줍니다.
• 피하기: 장난스러운 언어
• 피하기: 밝은 색상
• 피하기: 장식적인 요소

10

팩 안의 실제 스크린샷

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

11

System Prompt

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