OpenDesign·你的设计资产库

网页参考

Veja

采用摄影主导、极简编辑式设计系统的高端可持续鞋履品牌。

FashionFootwear

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

01

设计气质 DNA

可持续高端极简编辑式真实

融合极简电商与高端编辑叙事的时尚品牌。

02

色彩

#000000Ink
#888888Muted
rgba(0,0,0,1)Line

采用高对比度黑白单色系调色板,视觉丰富性依赖摄影呈现。

03

字体

grotesque-sans

  • display60px · 700
  • body16px · 400

导航与主要行动号召文字使用大写 · 以Helvetica字体及无衬线后备字体维持严格的字体层级 · 大尺寸展示文字采用紧凑行高,正文保持标准间距

04

间距

4px
8px
16px
20px
24px
32px
40px
50px
64px

基于4px网格系统,交互元素与模态布局采用充裕内边距。

05

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

sm · 2px
md · 5px
lg · 10px
pill · 50px

按钮与交互状态采用1px实线边框。

0px 0px 18px 0px rgba(0, 0, 0, 0.2)

06

布局

1440container
12columns
20pxgutter
768 / 1024breakpoints

以摄影为主导的布局,标准电商网格隐藏于中央模态框与底部Cookie横幅之后。

07

动效与交互

150msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover状态与模态框显现采用opacity与transform过渡效果。

交互元素采用细腻的opacity或transform过渡。 · 标准指针光标配合过渡反馈。

08

组件

  • button 采用小圆角矩形按钮,文字为大写形式。
  • card 无可见边框的产品或编辑图片网格。
  • chip 不适用
  • input 不适用
  • hero 全出血电影级摄影作为首要主视觉元素。

09

文案语气与禁用清单

  • 语气 沉稳自信、高端且透明。
  • 标题风格 粗体、大写且具宣言感。
  • 按钮文案 直接且功能化,采用全大写确保清晰度。
  • 禁止使用鲜艳强调色——截图显示严格的黑、白、灰单色系调色板。
  • 禁止使用圆润药丸形按钮——截图显示小圆角(≤5px)的矩形按钮。
  • 禁止使用俏皮、手写或衬线字体——截图显示严格使用Helvetica/grotesque-sans字体。
  • 禁止在布局中堆叠多个重叠文本元素——截图显示在大幅摄影区域上仅叠加少量文字。
  • 禁止将品牌标识隐藏在复杂导航中——截图显示持久清晰的logo布局。
  • 禁止使用浅淡柔和的马卡龙色背景——截图显示深黑与纯白形成的高对比度效果。
  • 避免: 过度使用鲜艳强调色
  • 避免: 圆润、俏皮的UI元素
  • 避免: 密集拥挤的排版

10

包内真实截图

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

11

System Prompt

这是一个高端可持续鞋履电商网站,高度依赖电影化、摄影主导的布局。视觉系统采用严格的单色系调色板(黑色#000000、白色#FFFFFF、灰色#888888)以突出编辑影像。字体以Helvetica及标准无衬线字体为主,导航文字与大尺寸粗体标题均采用大写处理。布局宽绰极简,优先保证影像周围的呼吸空间。关键禁忌:避免鲜艳强调色、避免圆润/俏皮的UI元素、避免密集文本块堆砌界面。设计需始终保持克制、高端且摄影主导。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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