큐레이션 · 오픈 · 무료

Byredo

가혹한 미니멀리즘과 조각적 타이포그래피를 결합한 프리미엄 향수 하우스.

01

디자인 DNA

향기로운 조합에 전념하는 고급 아트 갤러리

02

컬러

다채로운 제품 이미지가 초점이 되도록 엄격하게 단색 타이포그래피를 적용합니다

03

타이포그래피

stencil-sans · geometric-sans

• display120px · 400
• h128px · 400
• body14px · 400
• caption10px · 400

04

여백

푸터 칼럼에 넉넉한 수직 간격; 카드 및 인터랙티브 영역에 28px의 일관된 내부 패딩

05

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

1px solid rgba(229, 231, 235, 1)

rgba(0,0,0,0) 0 0 0 0 · rgb(128,128,128) 0 0 5px 0

06

레이아웃

풀블리드 이미지 오버레이; 엄격하게 구조화된 다중 칼럼 푸터 그리드

07

모션과 인터랙션

불투명도 및 변환 상호작용을 위한 미묘한 300ms 페이드 · 인터랙티브 요소의 색상 및 채우기 전환

300ms cubic-bezier 전환을 사용한 색상 및 불투명도 변화 · 즉각적인 시각적 반응 후 상태 변화

08

컴포넌트

• button 미묘한 hover 전환을 사용하는 미니멀한 윤곽선 또는 텍스트 기반 액션
• card 제품 세부 정보를 위한 미니멀한 테두리 반경의 깨끗한 흰색 카드
• chip 둥근 테두리의 알약 모양 상태 표시기
• input 넉넉한 여백을 둔 미니멀리스트 밑줄 텍스트 필드
• hero 가혹한 흰색 오버레이 타이포그래피를 사용한 몰입형 풀 뷰포트 사진

09

보이스와 금지 목록

• 톤 권위 있고 절제적이며 럭셔리에 초점을 맞춘
• 헤드라인 짧고 강렬하며 종종 대문자
• CTA 미묘하고 텍스트 기반이며 완전히 방해가 되지 않는

• 생동감 있는 강조 색상을 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다
• 무거운 드롭 섀도우를 적용하지 마세요 — 스크린샷은 대부분 평면 표면이나 미묘한 회색 섀도우를 보여줍니다
• 장식적인 세리프 폰트를 사용하지 마세요 — 스크린샷은 기하학적인 산세리프와 맞춤형 스텐실 폰트를 보여줍니다
• 여러 경쟁 요소로 인터페이스를 어지럽히지 마세요 — 스크린샷은 단일한 지배적인 초점을 보여줍니다
• 큰 반경의 둥근 모서리 카드를 사용하지 마세요 — 스크린샷은 인터랙티브 요소에 4px-6px의 작은 반경을 보여줍니다
• 무거운 폰트 두께를 사용하지 마세요 — 스크린샷은 모든 텍스트 요소에 걸쳐 400의 균일한 두께를 보여줍니다
• 피하기: 과도한 느낌표
• 피하기: 시끄럽거나 홍보성 언어
• 피하기: 장식적인 테두리 또는 장식

10

팩 안의 실제 스크린샷

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

11

System Prompt

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