精选 · 开放 · 免费
Marxdesign Co Nz
一个以大胆排版和高对比度摄影为特色的极简主义作品集。
PortfolioAgencyBold TypographyPhotographicClean
01
设计气质 DNA
理念驱动设计作品集极简大胆设计机构
一本高端建筑蓝图或画廊展览指南。
02
色彩
#000000Ink
#ffffffBG
#ebe8e7Muted
rgba(0,0,0,1.0)Line
高对比度单色,搭配温暖的摄影点缀。
03
字体
geometric-sans · humanist-sans
- display
120px · 400 - headline
27px · 400 - body
19px · 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个设计机构的极简主义作品集网站。其视觉识别建立在高对比度黑白调色板(墨色: #000000,背景: #ffffff)之上,并辅以温暖的摄影色调。排版以简洁的无衬线字体(humanist-sans)为主导,大型展示文字使用显著的负字间距。布局采用非对称的网格结构,并留有充足的负空间。关键约束:正文切勿使用居中对齐,避免任何彩色的 UI 组件或边框,所有界面元素严格保持单色美学。设计的重点在于使用大幅、高质量的摄影作品作为主要的视觉吸引力。
en · zh-CN · zh-TW · ja · ko