OpenDesign·你的设计资产库

网页参考

K72 Ca

一个极简暗色模式的机构网站,运用鲜明对比、大胆定制字体和极致留白,营造高端、自信的体验。

AgencyBoldCleanDark Mode

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

01

设计气质 DNA

极简大胆机构暗色精致

一个采用深色主题、拥有最大负空间和大胆排版的高端设计工作室客户门户。

02

色彩

#D4FF00Accent
#FFFFFFInk
#000000BG
#888888Muted
rgba(255, 255, 255, 0.15)Line

高对比度单色基底搭配单一高饱和度霓虹强调色,用于主要操作。

03

字体

grotesque-sans

  • display56px · 900
  • heading32px · 700
  • body14px · 400

所有标题均使用粗体字重(700-900),以在深色背景上形成视觉重量。 · 展示文本保持紧凑行高,以强化大胆、块状的美学风格。 · 确保正文在深色背景上拥有足够的行高以保证可读性。

04

间距

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

不规则,顶部超大内边距营造上重下轻的布局,将焦点引向主要内容区域。

05

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

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

硬朗、锐利的边缘,无圆角。按钮为锐利的矩形。

06

布局

1400container
12columns
24pxgutter
768 / 1024breakpoints

非对称布局,内容重心偏左,右侧留有大量负空间。

07

动效与交互

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

隐含状态间平滑过渡,导航和内容展示可能使用淡入或滑动动画。

交互元素的颜色反转或透明度变化。 · 立即视觉反馈,状态切换敏锐、精确。

08

组件

  • button 锐利的矩形按钮,使用纯色背景(黑底白字或霓虹底黑字)。无圆角。文字为粗体、大写。
  • card 在此特定视图中不可见。
  • chip 在此特定视图中不可见。
  • input 在此特定视图中不可见。
  • hero 巨大留空空间,Logo位于左上角,通过极简主义建立品牌识别度。

09

文案语气与禁用清单

  • 语气 自信、精致且略带挑衅。大量负空间的运用传达了排他性和高端定位。
  • 标题风格 简短有力、采用粗重字体的大写标题。常使用法语以增加文化格调。
  • 按钮文案 直接、面向行动的命令式大写文字,采用高对比度颜色(例如 'ACCEPTER & FERMER')。
  • 不要使用圆角或柔和形状——截图显示均为无圆角的锐利矩形元素。
  • 不要使用多种明亮的强调色——截图显示严格的单色配色,仅有一种高饱和度霓虹强调色。
  • 不要创建杂乱或繁忙的布局——截图展示了极致的负空间和最小化元素。
  • 不要使用轻盈、友好或休闲的字体——截图显示为粗重、紧凑的粗无衬线字体。
  • 不要添加装饰性图案或纹理——截图显示为纯净的纯黑色背景,无视觉干扰。
  • 不要使用柔和阴影或玻璃效果——截图显示为平面的纯色表面,无深度效果。
  • 避免: 柔和、圆润的形状
  • 避免: 随意或休闲的语言
  • 避免: 杂乱的布局
  • 避免: 多种冲突的强调色
  • 避免: 无功能的装饰元素
  • 避免: 低对比度文本

11

System Prompt

这是一个为创意工作室K72打造的高端机构作品集网站。设计以极致极简主义为核心,采用纯黑(#000000)背景和粗体白色(#FFFFFF)排版。单一高饱和度霓虹黄绿色(#D4FF00)作为主要操作的强调色,创造最大视觉冲击力。排版采用粗体无衬线字体,字距紧凑。布局运用大量负空间来传达排他性和自信感。关键禁忌:避免圆角,避免多种强调色,避免杂乱布局。该网站应让人感觉像一个高端设计工作室——自信、精致、有意克制。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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