OpenDesign·你的设计资产库

网页参考

Stryds

一幅近乎纯黑的深色画布,被一个鲜明的霓虹强调色点亮。

Dark ModeMinimalAIToolingPremium

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

01

设计气质 DNA

极简深色大胆强调色

虚空中的一点发光火花

02

色彩

#BFFF00Accent
#FFFFFFInk
#0D0D0DBG
rgba(255, 255, 255, 0.1)Line

采用近乎纯黑的背景,搭配一个单一的高饱和度青柠色作为强调。

03

字体

grotesque-sans · monospace

  • display56px · 500

04

间距

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

宽松

05

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

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

极简

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中

07

动效与交互

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

淡入 · 微光脉动

强调色光晕或缩放 · 轻微按压效果

08

组件

  • button 强调色实心背景搭配深色文字
  • card 深色背景搭配细微边框
  • chip 带有强调色的描边样式
  • input 深色背景搭配柔和边框
  • hero 在全幅深色画布上居中展示标志

09

文案语气与禁用清单

  • 语气 自信
  • 标题风格 粗体且简洁
  • 按钮文案 直接且高对比度
  • 切勿使用白色背景——截图显示为近乎纯黑的背景
  • 切勿使用多种强调色——截图仅显示一个霓虹青柠色强调
  • 切勿使用衬线字体——截图暗示了干净的无衬线体风格
  • 切勿添加复杂渐变——截图显示为纯色色块
  • 切勿使布局杂乱——截图展现了极致的简约
  • 切勿使用柔和的灰色文字——截图显示与深色背景形成强烈对比
  • 避免: 杂乱
  • 避免: 多种强调色
  • 避免: 浅色背景

11

System Prompt

将其定位为一款工具或AI平台的高端、极简深色模式界面。主色调为近乎纯黑的背景(#0D0D0D),搭配一个鲜明的霓虹青柠色(#BFFF00)作为高冲击力元素的强调色。字体类别为干净、现代的 grotesque sans-serif。关键设计约束:务必避免使用白色背景;绝不引入第二个高饱和度强调色;保持极致的布局简约,避免任何分散核心焦点的杂乱或装饰性元素。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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