OpenDesign·你的设计资产库

网页参考

Erno Works

一个为跨学科设计总监打造的精致作品集,强调逻辑、清晰度与工艺。

PortfolioStudioCleanRefinementEditorial
Erno Works 网站截图

01

设计气质 DNA

设计指导工艺清晰度逻辑

一个展示高端设计作品的极简画廊

02

色彩

#202020Ink
#fafbfcBG
#dfdcdcBG quiet
rgba(27, 27, 27, 0.13)Line

极简且严格功能化,依赖近单色调色板让作品本身脱颖而出。

03

字体

humanist-sans

  • display57px · 400
  • h243px · 400
  • body21px · 400

所有文本使用统一的人文主义无衬线字体 · 大号展示字体使用紧凑的字间距 · 偏好使用轻量到常规字重以呈现精致外观

04

间距

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

充足的留白和垂直韵律,营造平静、透气的布局

05

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

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

使用 1px 细线作为微妙的章节分隔

06

布局

1280container
12columns
18pxgutter
768 / 1024breakpoints

响应式网格,从单栏移动端布局过渡到多栏桌面端展示

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

元素采用微妙的淡入和不透明度过渡

交互元素上有微妙的不透明度变化 · 标准链接行为

08

组件

  • button 极简的文本链接,通常无边框或背景
  • card 项目卡片由一张图片和简洁的文本叠加层或相邻文本构成
  • hero 一个大型、主导性的字体陈述,配以充足的负空间

09

文案语气与禁用清单

  • 语气 专业、自信且内敛
  • 标题风格 关于设计哲学的直接、第一人称陈述
  • 按钮文案 简单、无装饰的文本链接
  • 不要使用粗体字重——截图显示仅使用了轻量到常规字重
  • 不要给项目图片添加阴影——截图显示图片完全扁平化
  • 不要在卡片或容器上使用圆角——截图显示为尖锐的矩形边缘
  • 不要引入饱和的强调色——截图显示严格的单色调和柔和调色板
  • 不要用密集的文本使布局显得拥挤——截图显示有充足的留白和呼吸空间
  • 不要使用装饰性的背景图案——截图显示为纯色背景
  • 避免: 过于复杂或装饰性的元素
  • 避免: 明亮、饱和的色彩
  • 避免: 密集的文本块
  • 避免: 容器使用圆角
  • 避免: UI 元素添加阴影
  • 避免: 粗重的字重

10

包内真实截图

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

11

System Prompt

这是一个为设计总监准备的极简主义作品集。调色板严格单色,采用略偏米白的背景(#fafbfc)、深灰色文本(#202020)和微妙的边框(rgba(27, 27, 27, 0.13))。字体是简洁的人文主义无衬线字体,展示文本使用紧凑的字间距。布局宽敞,留白充足。关键禁忌:不要使用粗体字重,不要给图片添加阴影,不要引入饱和的强调色。设计依赖清晰度和克制来让展示的作品脱颖而出。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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