OpenDesign·你的设计资产库

网页参考

Badrulrupak

一个大胆、图形驱动的个人作品集网站。

PortfolioDesignerEditorialCleanBold Typography

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

01

设计气质 DNA

极简大胆图形化个人自信

一张醒目的图形海报或一个简洁的杂志封面。

02

色彩

#1C1C1CInk
#F0B429BG
rgba(28, 28, 28, 0.1)Line

高对比度的双色调色板,以单一、主导性的暖色为背景。

03

字体

sans-serif

  • display72px · 700
  • body18px · 400

展示字体粗壮、紧缩,且具有强烈的图形感。 · 正文字体清晰、标准字重,具有高度可读性。

04

间距

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

非对称,内容推向边缘,使用大量负空间。

05

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

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

无可见边框;通过间距和字重来实现区分。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

单视口全屏英雄布局,内容置于极边缘处。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

静态图形焦点;暗示极少或无动效。

文本链接的微妙下划线或颜色变化。 · 标准链接导航。

08

组件

  • button 简单的文本链接,可能带有下划线。
  • card 不可见;这是一个单页、极简布局。
  • chip 不可见。
  • input 不可见。
  • hero 全屏、以图形为中心的英雄区域,包含一个大插图和极少量文本。

09

文案语气与禁用清单

  • 语气 自信、极简且专业。
  • 标题风格 大胆、陈述性且极简。
  • 按钮文案 低调、简单的文本链接(例如 'Email')。
  • 不要使用多种背景色 —— 截图显示为单一、纯色的黄色区域。
  • 不要使用投影或分层表面 —— 截图显示为扁平、直接的色彩应用。
  • 不要使用居中、密集的布局 —— 截图显示内容推向边缘,伴有大量负空间。
  • 不要使用小型、装饰性字体 —— 截图显示一个大型、粗壮的图形插图作为主要元素。
  • 不要使用柔和或去饱和的调色板 —— 截图使用单一、高饱和度的黄色。
  • 不要添加不必要的 UI 组件如卡片或按钮 —— 截图仅显示极简文本和图形。
  • 避免: 杂乱
  • 避免: 装饰
  • 避免: 复杂
  • 避免: 平庸

11

System Prompt

这是一个大胆、图形驱动的个人作品集网站。设计极简且自信,使用高对比度的双色调色板。主要背景是温暖、饱和的黄色(#F0B429),所有文本和图形均为近乎纯黑(#1C1C1C)。字体是清晰、粗壮的 sans-serif,用于极简的信息文本,但焦点是一个大型的图形化插图。布局为非对称,内容置于最边缘,营造出强烈的负空间感。没有可见的投影、边框或复杂的 UI 组件。关键禁忌:避免杂乱、使用多种颜色,或居中密集的布局。网站的身份是一个自信的设计师,优先考虑强有力的视觉传达,而非功能密度。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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