OpenDesign·你的设计资产库

网页参考

Nomennescio Fi

一个高端时尚电商网站,运用全出血摄影和单色调色板,营造精致、编辑式的氛围。

EditorialPhotographicPremiumCleanRestraint

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

极简主义建筑感编辑风格高端低调

一个高端时尚品牌,以建筑般的克制和摄影深度来呈现自身。

02

色彩

#1A1A1AInk
#FFFFFFBG
#6B6B6BMuted
rgba(0,0,0,0.1)Line

一个源自摄影内容的严格单色调色板,使用近黑色作为文字色,纯白色作为负空间,以保持对图像的专注。

03

字体

geometric-sans

  • display32px · 400
  • body14px · 400

字体始终采用轻量和几何风格,避免粗体样式以维持极简美学。 · 文字总是直接置于图像上方,需要谨慎管理对比度。

04

间距

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

内容依赖于大型、沉浸式图像,并带有最小的内边距,营造出宽敞、可呼吸的布局。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

无可见边框;边缘由图像边界和留白界定。

06

布局

1920container
12columns
16pxgutter
768 / 1024breakpoints

全宽、图像驱动的布局,浮动标题覆盖在主视觉区域上。

07

动效与交互

0msmicro
0mssmall
0msmedium
easeeasing

在此静态截图中未见运动模式。

可能是文本链接上微妙的透明度变化,与极简交互模式一致。 · 标准导航链接。

08

组件

  • button 仅文本链接,无背景或边框,作为导航元素使用。
  • card 图像焦点的卡片,无可见容器、阴影或边框,依靠负空间进行分隔。
  • hero 全出血、全视口图像,叠加促销文字,作为主要视觉焦点。

09

文案语气与禁用清单

  • 语气 直接、自信且低调。
  • 标题风格 简洁的陈述句(例如,“季末特卖”,“低至五折”)。
  • 按钮文案 信息性或导航性(例如,“购物”,“关于”,“探索”)。
  • 不要使用亮色强调色——截图显示的是黑、白、灰的严格单色调色板。
  • 不要为容器添加阴影或边框——截图显示的是完全扁平、图像驱动的表面。
  • 不要使用粗体字重——截图显示的是一致轻量、几何风格的无衬线字体。
  • 不要用多个UI元素使界面拥挤——截图显示的是极简、宽敞的布局。
  • 不要在卡片或按钮上使用圆角——截图显示的是锋利的矩形图像边界。
  • 不要将文字置于低对比度区域——截图小心翼翼地将文字叠加在图像的较暗部分以确保可读性。
  • 避免: 过度标点
  • 避免: 营销术语
  • 避免: 喧闹的促销语言

11

System Prompt

这是一个为 Nomennescio 设计的高端时尚电商网站,以摄影编辑风格和极致克制为特征。主色调是近黑色(#1A1A1A)墨色搭配纯白色(#FFFFFF)背景,无强调色。字体采用轻量几何无衬线字体,用于中小尺寸。关键禁忌:避免所有饱和色彩,切勿为卡片添加阴影或边框,切勿使用粗体字重。布局为全宽,图像主导视口,导航浮动在主视觉图像之上。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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