精选 · 开放 · 免费

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）调色板。字体混合使用过渡衬线体用于展示，以及几何无衬线体或等宽字体用于正文和界面元素，常采用大写和宽松字间距。关键约束：保持锐利的矩形几何形状，无 border-radius；避免杂乱的布局，采用充足的空白；绝不使用明亮或饱和的颜色，以免破坏精致、宁静的氛围。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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