큐레이션 · 오픈 · 무료

Bottega Veneta

절제된 타이포그래피와 단색 팔레트를 사용한, 깔끔하고 이미지 중심의 럭셔리 패션 포털입니다.

01

디자인 DNA

하이엔드 패션 매거진을 디지털 경험으로 옮긴 것.

02

컬러

사진에 의존하는 고대비 단색입니다.

03

타이포그래피

transitional-serif · geometric-sans

• display23px · 400
• body14px · 400
• caption12px · 400

네비게이션과 레이블은 대문자로 엄격하게 사용합니다. · 글꼴 두께는 최소화하여 regular와 bold로 제한합니다.

04

여백

넉넉한 여백이 세련되고 숨 쉴 듯한 레이아웃을 제공합니다.

05

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

최소한의 1px 테두리를 주로 버튼과 인터랙티브 요소에 사용합니다.

06

레이아웃

풀블리드 에디토리얼 사진으로 고정된 그리드 기반 레이아웃입니다.

07

모션과 인터랙션

텍스트 오버레이의 미묘한 페이드 인. · 메뉴 표시를 위한 부드러운 수직 슬라이드.

미묘한 불투명도 감소 또는 밑줄 표시입니다. · 과장된 피드백 없이 즉각적인 시각적 상태 변화를 보입니다.

08

컴포넌트

• button 단색 검정 채우거나 단순한 검정 테두리를 사용하는 미니멀리스트 사각형 버튼입니다.
• card 날카로운 모서리와 넓은 이미지로 정의된 깔끔한 카드입니다.
• chip 해당 없음
• input 하단 테두리만 있는 깔끔한 텍스트 입력 필드입니다.
• hero 전체 뷰포트 사진 히어로에 중앙 정렬된 대문자 텍스트 오버레이를 사용합니다.

09

보이스와 금지 목록

• 톤 자신감 있고 조용하며 권위적인 어조입니다.
• 헤드라인 짧고 감성적이며 대부분 대문자로 작성됩니다.
• CTA 직관적이고 단순하며 완전히 대문자로 작성됩니다.

• 밝거나 채도 높은 강조 색상을 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다.
• 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 직사각형 모서리를 보여줍니다.
• 주요 네비게이션에 소문자를 사용하지 마세요 — 스크린샷은 모든 대문자 텍스트를 보여줍니다.
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 평면적인 표면을 보여줍니다.
• 복잡한 배경을 사용하지 마세요 — 스크린샷은 깔끔한 흰색 배경이나 큰 사진을 보여줍니다.
• 장난스럽거나 둥근 타이포그래피를 사용하지 마세요 — 스크린샷은 세련된 기하학적 및 전환 글꼴을 보여줍니다.
• 피하기: 느낌표
• 피하기: 영업적인 언어
• 피하기: 지나치게 장식적인 글꼴

10

팩 안의 실제 스크린샷

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

11

System Prompt

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