OpenDesign·你的设计资产库

网页参考

Wovenwhisky

一个精致、专注工艺的威士忌体验品牌,融合匠心传统与简洁、现代的策展理念。

ProductPremiumCurationPhotographicCalm

封面待补录,可通过原站查看设计。

01

设计气质 DNA

匠心工艺定制威士忌体验

现代药剂师风格与高端精品工作室的结合。

02

色彩

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

以深炭灰为基调的暖色调中性色,依靠高质量摄影来提供视觉上的温度感。

03

字体

transitional-serif · geometric-sans · monospaced

  • display56px · 400
  • heading20px · 400
  • body16px · 400
  • caption12px · 400

所有区域标题和界面标签均采用大写,并设置宽松的字间距。 · 使用尺寸和字重(而非颜色)来保持严格的字体层级。 · 产品价格和技术细节使用简洁的等宽字体。

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

组件

  • button 矩形,带深色实线边框和大写等宽文本;弹窗中使用幽灵样式,固定页脚中使用浅灰色实底样式。
  • card 简洁、无边框的产品卡片,留有充足的空白,文字居中。
  • chip 不适用
  • input 不适用
  • hero 全视口摄影背景,居中放置高对比度文本和主要行动号召按钮。

09

文案语气与禁用清单

  • 语气 匠心、高端且富有邀请感,同时保持克制与精致。
  • 标题风格 大写、字间距宽松且清晰,聚焦于体验与工艺。
  • 按钮文案 直接且以行动为导向,以简洁的框式格式呈现。
  • 不要使用明亮、饱和的颜色——调色板严格限于暖色调中性色和深炭灰。
  • 不要在按钮或卡片上使用圆角——设计严格偏好锐利的矩形几何形状。
  • 不要使用投影或 3D 效果——表面是平面的,依靠边框和摄影来营造深度感。
  • 不要使用 playful 或异想天开的字体——文本始终简洁、结构化,且常为等宽字体。
  • 不要使用杂乱的布局——保持充足的空白和清晰的视觉层级。
  • 不要使用侵略性的、闪烁的动画——交互是微妙、平滑且实用的。
  • 避免: 避免使用过于随意或充满俚语的语言。
  • 避免: 避免杂乱的布局或侵略性的促销图形。
  • 避免: 避免使用明亮、霓虹或过度饱和的调色板。

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个高端、匠心的威士忌品牌网站,融合了现代极简主义与工艺传统。设计依赖于高质量摄影和克制的暖白色(#FFFFFF, #ECEDE5)与深炭灰色(#232323)调色板。字体混合使用过渡衬线体用于展示,以及几何无衬线体或等宽字体用于正文和界面元素,常采用大写和宽松字间距。关键约束:保持锐利的矩形几何形状,无 border-radius;避免杂乱的布局,采用充足的空白;绝不使用明亮或饱和的颜色,以免破坏精致、宁静的氛围。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。