OpenDesign·你的设计资产库

网页参考

Andreaturchet Github

为研究者社交网络打造的精致极简落地页,运用粗体排版与细腻摄影。

EditorialCleanPhotographicRestraintTypography

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

01

设计气质 DNA

研究学术社交极简精致

学术期刊封面遇上现代应用落地页。

02

色彩

#1A1A1AInk
#555555Ink soft
#FAFAFABG
#999999Muted
rgba(26, 26, 26, 0.1)Line

单色调色板,着重墨色与微暖背景间的高对比度。

03

字体

geometric-sans · humanist-sans

  • display180px · 900
  • headline32px · 500
  • subhead14px · 400

品牌名采用粗体字重与紧凑字距。 · 正文采用轻盈易读的字体。 · 二级标题使用大写字母间距。

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.25, 0.1, 0.25, 1.0)easing

滚动时微妙淡入效果。

微妙透明度变化或色调偏移。 · 最小化视觉反馈。

08

组件

  • button 主操作采用黑色填充胶囊按钮,次操作采用描边/下划线样式。
  • card 未见可见卡片。
  • chip 未见可见标签组件。
  • input 简约下划线输入框。
  • hero 全宽度区域,搭配大号排版与柔和背景图。

09

文案语气与禁用清单

  • 语气 专业、学术、精致。
  • 标题风格 直接陈述式。
  • 按钮文案 清晰行动导向。
  • 勿使用多种竞争性强调色——截图显示严格采用黑白灰单色调。
  • 勿使用密集多栏布局——截图显示简洁单栏聚焦式布局。
  • 勿使用圆角容器与厚重投影——截图显示扁平无边框表面。
  • 勿使用小号密集排版——截图显示大号粗体展示字与充裕间距。
  • 勿使用明亮活泼的渐变——截图显示静态柔和的摄影背景。
  • 勿使用厚重装饰性UI元素——截图显示极简功能性组件。
  • 避免: 俚语或过度随意的表达
  • 避免: 明亮饱和的色彩
  • 避免: 装饰性元素
  • 避免: 密集文本块
  • 避免: 复杂渐变

11

System Prompt

此设计为研究者社交网络打造的精致极简落地页。采用严格的单色调色板,背景色为#FAFAFA,墨色为#1A1A1A,仅通过大号几何无衬线字体与细腻模糊摄影作为点缀。布局采用不对称左对齐形式,具有清晰的垂直节奏与充沛留白。关键禁忌:避免使用任何饱和强调色,切勿创建密集或多栏布局,且绝不使用投影或复杂渐变等厚重装饰性UI组件。系统强调克制、学术专业性与排版层级,而非视觉冗余。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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