OpenDesign·你的设计资产库

网页参考

Marxdesign Co Nz

一个以大胆排版和高对比度摄影为特色的极简主义作品集。

PortfolioAgencyBold TypographyPhotographicClean

封面待补录，可通过原站查看设计。

01

设计气质 DNA

理念驱动设计作品集极简大胆设计机构

一本高端建筑蓝图或画廊展览指南。

02

色彩

#000000Ink
#ffffffBG
#ebe8e7Muted
rgba(0,0,0,1.0)Line

高对比度单色，搭配温暖的摄影点缀。

03

字体

geometric-sans · humanist-sans

  • display120px · 400
  • headline27px · 400
  • body19px · 400

对于大型展示文字，使用负字间距。 · 正文字体保持一致的 400 字重。 · 大部分正文和标题文本采用左对齐。

04

间距

4px
8px
10px
18px
30px
64px
96px

段落之间留有充足的垂直空白。

05

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

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

无可见边框。

06

布局

1280container
12columns
18pxgutter
768 / 1024breakpoints

非对称网格，搭配大幅偏离网格的图像布局。

07

动效与交互

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

滚动时的淡入过渡。

交互元素显示 pointer 光标。 · 触发导航或项目视图。

08

组件

  • button 极简文字链接，带 pointer 光标。
  • card 满版图像，配有一个小的圆形指示器。
  • chip 小型圆形色块 (50% border-radius)。
  • hero 醒目的排版引言，后接大幅摄影作品。

09

文案语气与禁用清单

  • 语气 自信、专业且内敛。
  • 标题风格 简短、直接、有力。
  • 按钮文案 微妙的文字链接。
  • 不要使用多彩色板——截图显示以严格的黑白为基调，搭配摄影点缀。
  • 不要将所有内容居中对齐——截图显示文本左对齐和非对称布局。
  • 不要使用厚重的边框或阴影——截图显示扁平、无边框的界面。
  • 不要在主要 UI 中使用装饰性衬线字体——截图显示为简洁的无衬线字体。
  • 不要将元素紧密排列——截图显示大量使用负空间。
  • 不要在卡片上使用圆角——截图显示为锋利的矩形图像边框。
  • 避免: 杂乱的布局
  • 避免: 过多的装饰性元素
  • 避免: 高饱和度的调色板

10

包内真实截图

Marxdesign Co Nz — 桌面首屏（hero）
桌面首屏（hero）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Marxdesign Co Nz — 移动首屏
移动首屏

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

11

System Prompt

这是一个设计机构的极简主义作品集网站。其视觉识别建立在高对比度黑白调色板（墨色: #000000，背景: #ffffff）之上，并辅以温暖的摄影色调。排版以简洁的无衬线字体（humanist-sans）为主导，大型展示文字使用显著的负字间距。布局采用非对称的网格结构，并留有充足的负空间。关键约束：正文切勿使用居中对齐，避免任何彩色的 UI 组件或边框，所有界面元素严格保持单色美学。设计的重点在于使用大幅、高质量的摄影作品作为主要的视觉吸引力。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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