精選 · 開放 · 免費

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

所有區塊標題與介面標籤皆使用大寫字母，並搭配寬鬆的字距。 · 使用大小與字重而非顏色來維持嚴格的字體層級。 · 產品定價與技術細節使用乾淨的等寬字體。

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

乾淨、置中的版面配置，以突出的攝影主視覺開頭，隨後是結構化的網格區塊。

07

動效與互動

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

彈窗與下拉選單使用細微的淡入與變換過渡效果。 · 互動元素的懸停狀態使用流暢的透明度過渡。

互動元素採用細微的透明度變化或色彩反轉。 · 立即回饋，帶有輕微縮放或色彩偏移。

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）色彩組合。字體混合使用過渡型襯線字體作為展示，以及幾何無襯線或等寬字體作為內文與介面元素，常以大寫字母搭配寬字距設定。關鍵限制：保持銳利的矩形幾何形狀，無邊框圓角；避免雜亂版面，採用充足留白；永不使用明亮或飽和的色彩，以免破壞精緻、平靜的氛圍。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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