OpenDesign·你的设计资产库

网页参考

Yuga

以巨大排版为锚点的高对比野蛮主义数字形象。

Bold TypographyDark ModeMinimalAggressiveDesign Tools

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

01

设计气质 DNA

粗犷极简整体式数字先锋

从纯粹黑暗中雕刻而出的数字整体实体。

02

色彩

#D3DE5DAccent
#FFFFFFInk
#000000BG
#131313BG quiet
rgba(255, 255, 255, 1)Line

基于严格黑白的绝对二元对比。

03

字体

grotesque-sans

  • display102px · 800
  • heading52px · 800
  • body14px · 400

大尺寸展示文本使用极紧的字距 · 保持粗重字重以建立结构层次 · 正文保持小号紧凑以形成对比

04

间距

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

严格的4px网格与紧凑的垂直间距。

05

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

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

纤细的高对比边框用于结构分隔。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

开阔的暗色画布,配以巨大的排版锚点。

07

动效与交互

220msmicro
400mssmall
700msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

平滑的透明度淡出 · 变革性的结构变换

通过颜色或透明度变化实现视觉状态转换。 · 即时的结构反馈。

08

组件

  • button 高对比的胶囊形状,圆角极大。
  • card 简洁的暗色表面,内边距极小。
  • chip 小号的胶囊形标签,用于分类。
  • input 简洁的带边框字段,用于数据输入。
  • hero 全屏黑色空间,配以巨大排版与中央标志。

09

文案语气与禁用清单

  • 语气 果断、直接、毫不妥协。
  • 标题风格 以巨大字号呈现简短有力的陈述。
  • 按钮文案 简洁且以行动为导向。
  • 切勿使用柔和灰色——截图显示应使用纯黑(#000000)与纯白(#FFFFFF)
  • 切勿使用衬线字体——截图显示应使用粗重的无衬线体(AK Monument Grotesk)
  • 切勿使用小号展示尺寸——截图显示应使用巨大的102px标题
  • 切勿使用宽字距——截图显示应使用紧密的负字距(-4.8px)
  • 切勿为卡片添加圆角——截图显示应使用直角边缘
  • 切勿使用微妙渐变——截图显示应使用扁平的高对比色块
  • 避免: 友好或随意的语言
  • 避免: 多余装饰与花哨元素
  • 避免: 犹豫或模糊的措辞

10

包内真实截图

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

11

System Prompt

这是一个为大胆数字机构或工作室设计的极简高对比度设计系统。主背景为纯黑(#000000),搭配白色(#FFFFFF)文字以产生最大冲击力。字体采用粗重的无衬线体(AK Monument Grotesk),字号巨大(最大102px),字距紧密。布局开阔宽敞,强调结构清晰度。关键禁忌:切勿使用柔和灰色或暗淡色调;保持所有对比为二元对立;避免使用衬线字体或装饰元素;展示文本保持极紧字距;使用直角而非圆角。设计风格激进且毫不妥协,优先考虑大胆的视觉表达而非柔和的可用性。交互流畅但微妙,依赖透明度与变形过渡。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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