OpenDesign·你的设计资产库

网页参考

Skiff

一个为这次企业收购设计的、以文字为核心的极简公告页面。

ProductivityEditorialCalmCleanRefined

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

01

设计气质 DNA

公告收购极简企业透明

一个简洁、专业的新闻稿页面

02

色彩

#F06543Accent
#000000Ink
#FFFFFFBG
#F8F8F8BG soft
#888888Muted
rgba(0,0,0,0.1)Line

简洁、高对比度的黑白配色,搭配一个鲜明的强调色

03

字体

geometric-sans

  • display48px · 500
  • body16px · 400

标题使用中等字重与紧凑的字距。 · 正文使用常规字重,并设置充裕的行高以提升可读性。

04

间距

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

垂直间距遵循统一的 4px 基础网格。

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.2, 1)easing

下拉菜单可能具有细微的背景变化。 · 标准的链接与按钮交互。

08

组件

  • button 页眉中有一个小型的、药丸形状的深色按钮,文字为白色。
  • card 用于承载主标识图形的简洁浅灰色容器。
  • hero 一个大型的、基于文字的首屏区域,包含醒目的标题和副标题。

09

文案语气与禁用清单

  • 语气 正式、透明且着眼于未来。
  • 标题风格 大型、直接的新闻陈述。
  • 按钮文案 采用次要导航而非醒目的行动号召。
  • 不要使用多种强调色——截图显示仅使用了一个鲜艳的橙红色强调色。
  • 不要使用复杂的布局——截图显示的是单栏、居中的文字布局。
  • 不要使用浓重的投影——截图显示的是无可见阴影的扁平化设计。
  • 不要使用装饰性衬线字体——截图显示的是简洁的几何无衬线字体排印。
  • 不要在页面中堆砌元素——截图显示中心内容周围留有充足空白。
  • 不要为正文使用圆角容器——截图使用的是利落、干净的直线条。
  • 避免: 夸大
  • 避免: 复杂
  • 避免: 术语
  • 避免: 歧义

11

System Prompt

这是一个以文字为核心的极简公告页面。设计采用严格的黑白配色,并以一个鲜艳的橙红色(#F06543)作为强调色。字体排印采用简洁的几何无衬线体。布局为单栏居中,优先考虑可读性。关键禁忌:不要使用多种强调色;不要使用复杂的多栏布局;不要使用装饰性或衬线字体;不要添加不必要的投影或复杂表面处理;不要在界面中堆砌元素,应优先考虑留白;不要为文本块使用粗重的边框或容器。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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