OpenDesign·你的设计资产库

网页参考

Danielsun

一个富有表现力的设计作品集,采用大胆、超大尺寸的字体和鲜亮的黄色渐变。

PortfolioBold TypographyExpressiveStudioWeb3
Danielsun 网站截图

01

设计气质 DNA

大胆富有表现力亲切现代高对比度

一个大胆、高对比度的个人作品集,运用巨大的字体和鲜亮的黄色渐变,营造出强烈而充满活力的存在感。

02

色彩

#000000Ink
#808080Ink soft
#FFFFFFBG
#F5F5F5BG soft
#A6A6A6Muted
rgba(0,0,0,0.12)Line

以鲜明的黑白为主导的高对比度色调,辅以鲜亮的黄色渐变。

03

字体

grotesque-sans · humanist-sans

  • display88px · 900
  • body18px · 400
  • subtitle28px · 400

为大型展示文本使用极粗(900)字重。 · 为大尺寸展示文本应用紧凑的字间距(负值)。 · 将全大写样式保留给大型展示文本。

04

间距

4px
8px
10px
16px
20px
24px
32px
40px
64px
96px

基于4px网格,版块拥有充裕的内边距(32px、40px)。

05

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

sm · 14px
md · 24px
lg · 80px
pill · 999px

无可见边框

0px 19px 8px 0px rgba(0, 0, 0, 0.3) · 0px 64px 128px 0px rgba(0, 0, 0, 0.25) · inset 0px 6px 6px 0px rgb(184, 184, 184)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽版块,采用居中对齐的排版和充裕的垂直间距。

07

动效与交互

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

所有交互元素均采用平滑过渡(全部592个元素均具有transition属性)。

交互元素上的微妙亮度或缩放变化。 · 即时视觉反馈。

08

组件

  • button 药丸形按钮,深色背景搭配亮黄色文字。
  • card 光面、3D风格的圆形或药丸形卡片,用于展示客户标志。
  • hero 全屏主视觉,以巨大的粗体文字叠加在鲜亮的黄色对角渐变之上。

09

文案语气与禁用清单

  • 语气 友好、随意且充满自信。
  • 标题风格 巨大、粗体、全大写的陈述。
  • 按钮文案 直接且注重行动,使用亮黄色进行强调。
  • 避免使用小号或细体字体——截图显示的是巨大、粗体(字重900)的展示文本。
  • 避免使用柔和或单色的色调——截图显示的是以鲜亮黄色渐变为主导的主视觉。
  • 避免使用标准的矩形按钮——截图显示的是圆润的药丸形按钮。
  • 避免使用扁平、2D的图标——截图显示的是光面、3D风格的客户标志。
  • 避免在主视觉中使用复杂的多栏网格——截图显示的是居中对齐、全宽的排版文本。
  • 避免使用细微、纤细的边框——截图显示的是强烈的阴影和大胆的色块。
  • 避免: 正式的企业语言
  • 避免: 小巧、精致的字体
  • 避免: 柔和、单调的色调
  • 避免: 僵化、过度依赖网格且缺乏表现力的布局

10

包内真实截图

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

11

System Prompt

这是一个为SaaS和Web3设计合作伙伴打造的、大胆且富有表现力的设计作品集。其设计DNA的特点是:在怪诞无衬线(grotesque-sans)类别下,使用巨大、超粗(字重900)的字体;搭配由纯黑(#000000)和白色(#FFFFFF)构成的鲜明高对比度色调,并辅以鲜亮的黄色渐变。布局宽敞,拥有充裕的内边距和居中对齐的版块。关键禁忌:绝不使用小号或细体字体;绝不使用柔和、企业化的色调;绝不在客户作品中使用扁平、2D的图标——必须使用光面、3D风格的元素。避免僵化、正式的布局,优先选择富有表现力、全宽且带有巨大文本的版块。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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