OpenDesign·你的设计资产库

网页参考

Facciabruttospirits

专为意大利工艺利口酒打造的大胆、图形化电商体验。

ProductPhotographicCleanBold TypographyConsumer

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

01

设计气质 DNA

工艺意大利布鲁克林大胆高端

一个诞生于布鲁克林、拥有大胆图形化身份的工艺烈酒品牌。

02

色彩

#181313Ink
#FEFEFEBG
#4A4A4AMuted
rgba(24, 19, 19, 0.2)Line

以摄影为驱动的高对比度黑白配色。

03

字体

geometric-sans

  • display50px · 700
  • body16px · 400

导航与标签使用大写字母 · 所有界面元素严格使用几何无衬线字体家族

04

间距

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

采用标准8px基础网格,类似Tailwind的比例系统。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

按钮采用1px实线黑色边框

0px 10px 40px 0px rgba(0, 0, 0, 0.3)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽区块搭配居中内容。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0, 0, 0.2, 1)easing

标准的透明度与变形过渡效果

链接与按钮的颜色过渡效果。 · 标准的交互反馈。

08

组件

  • button 矩形,带有1px黑色边框和黑色文字。
  • card 极简的图文组合。
  • chip 带下划线的大写字母文本链接。
  • input 带有底部边框的简洁文本输入框。
  • hero 置于全宽摄影背景之上的粗体大标题。

09

文案语气与禁用清单

  • 语气 大胆、自信,且略带不羁。
  • 标题风格 简短、有力,且常为大写。
  • 按钮文案 直接且带下划线,常为大写。
  • 不要使用圆角——截图显示为棱角分明的矩形按钮。
  • 不要使用多彩的界面配色——截图显示主要为黑、白及由摄影驱动的色彩。
  • 不要使用复杂的渐变背景——截图显示为纯色或全出血摄影。
  • 不要使用纤细、轻盈的字体——截图显示为粗壮的几何无衬线字体。
  • 不要使用过多的投影——截图显示为扁平化设计,阴影使用极简。
  • 不要将长段落文本居中对齐——截图显示为清晰的对齐方式。
  • 避免: 避免使用过于装饰性或手写字体。
  • 避免: 避免使用缺乏呼吸空间的拥挤布局。

11

System Prompt

该站点定位为一个拥有大胆图形化身份的高端工艺烈酒品牌,采用以高质量摄影为驱动的极简黑白配色。主要字体为几何无衬线体,主标题常为粗体大写。关键色为黑色(#181313)与白色(#FEFEFE)。关键禁忌:不使用装饰性手写字体;不创建拥挤的布局;主按钮不使用圆角。设计依赖于强有力的排版和全出血图像来传达源自布鲁克林的高端美学。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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