큐레이션 · 오픈 · 무료

Wovenwhisky

수공예 전통과 깔끔한 현대 큐레이션을 결합한 세련된, 공예 중심 위스키 경험 브랜드.

ProductPremiumCurationPhotographicCalm
Wovenwhisky 스크린샷
↓ 디자인 시스템 다운로드 (18 MB)OpenDesign 에서 열기

원본 사이트: https://wovenwhisky.com

📦 팩 내용 보기 →

01

디자인 DNA

수공예적공예맞춤형위스키경험

현대 약국과 하이엔드 부티크 스튜디오의 만남.

02

컬러

#232323Ink
#4A4A4AInk soft
#FFFFFFBG
#ECEDE5BG soft
rgba(35,35,35,1)Line

다크 차콜을 기반으로 한 따뜻한 뉴트럴을 사용하며, 시각적 따뜻함은 고품질 사진에 의존합니다.

03

타이포그래피

transitional-serif · geometric-sans · monospaced

모든 섹션 제목과 UI 레이블은 넉넉한 자간으로 대문자 처리합니다. · 색상이 아닌 크기와 굵기를 이용해 엄격한 타이포그래피 계층을 유지합니다. · 제품 가격 및 기술 사양에는 깔끔한 고정폭 글꼴을 사용합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

8px 기준 격자

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

1px에서 2px의 단색 테두리를 사용하며, 기본적으로 메인 잉크 컬러를 사용하여 선명하고 명확한 경계를 만듭니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

두드러진 포토그래픽 히어로가 앞에 있고 그 뒤로 구조화된 그리드 섹션이_followed by following a prominent photographic hero followed by structured grid sections.

07

모션과 인터랙션

150msmicro
250mssmall
500msmedium
cubic-bezier(0.25, 0.0, 0.25, 1.0)easing

모달과 드롭다운을 위한 은은한 페이드인과 변환 전환. · 인터랙티브 요소의 hover 상태를 위한 매끄러운 불투명도 전환.

인터랙티브 요소에 대한 은은한 불투명도 변화 또는 색상 반전. · 약간의 스케일링이나 색상 변화를 통한 즉각적인 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Wovenwhisky — 桌面首屏（hero）
桌面首屏（hero）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Wovenwhisky — 移动首屏
移动首屏

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

11

System Prompt

이 사이트는 현대 미니멀리즘과 공예 전통을 결합한 프리미엄 수공예 위스키 브랜드입니다. 디자인은 고품질 사진과 따뜻한 화이트(#FFFFFF, #ECEDE5) 및 다크 차콜(#232323)의 절제된 팔레트에 의존합니다. 타이포그래피는 디스플레이용 트랜지셔널 세리프와 본문 및 UI 요소용 기하학적 고정폭 또는 고정폭 글꼴을 혼합하며, 자주 대문자와 넓은 자간으로 설정됩니다. 핵심 제약 조건: 테두리 반경 없이 선명한 직사각형 기하학을 유지하고, 넉넉한 여백을 위해 지저분한 레이아웃을 피하며, 세련되고 차분한 분위기를 방해할 수 있는 밝거나 채도 높은 색상을 절대 사용하지 않습니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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