OpenDesign·你的设计资产库

网页参考

Eumray

一个用于品牌过渡的、具有强烈排版风格的公告页面。

Dark ModeEditorialCleanRestraintTypography

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

01

设计气质 DNA

极简通知单色排版主导

一张白纸或一份数字化的'外出办公'通知。

02

色彩

#FFFFFFInk
#111111BG
rgba(255,255,255,0.1)Line

高对比度单色方案,以确保最大的可读性和鲜明的视觉效果。

03

字体

monospace

  • display14px · 400

所有主信息文本均采用大写形式。 · 所有文本元素均使用等宽字体。 · 统一应用字间距以营造技术感。

04

间距

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

居中垂直堆叠,留有充足的呼吸空间。

05

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

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

除带下划线的链接外,无可见边框。

06

布局

1280container
1columns
16pxgutter
768 / 1024breakpoints

在全屏背景上的单栏居中文本。

07

动效与交互

0msmicro
0mssmall
0msmedium
lineareasing

在静态截图中未见任何动效。

默认的浏览器链接悬停状态(可能是颜色变化或下划线)。 · 导航到新域名。

08

组件

  • button 带下划线的文本链接,用作行动号召。
  • hero 全屏深色背景,中央为文本块。

09

文案语气与禁用清单

  • 语气 直接、中立且提供信息。
  • 标题风格 全大写、等宽字体、陈述性声明。
  • 按钮文案 简洁的带下划线文本链接。
  • 不要使用多种字体 —— 截图显示仅使用单一等宽字体系列
  • 不要添加装饰性图形 —— 截图显示仅在纯色背景上放置文本
  • 不要使用浅色背景 —— 截图显示为纯色的深色/近乎黑色背景
  • 不要对主信息使用混合大小写 —— 截图显示为全大写的英文文本
  • 不要使用多种强调色 —— 截图显示为严格的黑白色调
  • 不要使用圆角 —— 截图显示为完全扁平、无边框的设计
  • 避免: 情感化语言
  • 避免: 多彩的图像
  • 避免: 复杂的布局

11

System Prompt

这是一个极简主义的品牌过渡公告页面。它使用严格的单色调色板,包括近乎黑色(#111111)和白色(#FFFFFF)。排版上完全采用简洁的等宽字体,主信息为大写形式,并包含一个带下划线的链接。布局是在全屏深色背景上的居中单栏,留有大量空白。关键注意事项:不要引入多种字体系列,不要使用浅色背景,不要添加装饰性图像或图形,也不要使用多种强调色。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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