精选 · 开放 · 免费

Maximilianberndt

一个为创意开发者设计的、高度排版化的简洁作品集，采用严格的网格和单色方案。

01

设计气质 DNA

为一位数字工匠打造的、干净的瑞士风格排版样本页。

02

色彩

严格单色，使用近黑色和中灰色置于米白背景上，以获得最佳可读性。

03

字体

grotesque-sans · monospace

• display12px · 400

04

间距

布局依赖于严格的网格系统，各部分之间有充足的垂直间距和一致的 padding。

05

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

无可见边框；间距和颜色对比定义了边界。

06

布局

桌面端采用严格的两栏不对称网格，移动端则折叠为单栏。

07

动效与交互

在滚动或 hover 时，文本平滑淡入淡出及列表过渡。

细微的 opacity 变化或颜色偏移。 · 直接导航，无复杂动画。

08

组件

• button 纯文本链接，无可见的界面元素。
• card 无视觉卡片；内容以列表结构组织。
• chip 无。
• input 无。
• hero 纯排版构成的首屏，伴有大量留白。

09

文案语气与禁用清单

• 语气 专业、内敛且极具能力。
• 标题风格 极简，使用小巧、精确的字体。
• 按钮文案 纯文本链接，常隐藏在右上角或列表中。

• 不要使用鲜艳的强调色——截图显示为严格的单色方案。
• 不要使用大型装饰性字体——截图显示为统一的 12px grotesque-sans。
• 不要添加阴影或边框——截图显示为由留白定义的扁平化布局。
• 不要在主要布局中使用复杂图像——截图显示为纯文本内容。
• 不要使用圆角——截图显示为未经样式处理的尖锐元素。
• 不要居中对齐文本——截图显示为严格的左对齐布局。
• 避免: 过度装饰的元素
• 避免: 鲜艳的色彩
• 避免: 复杂的图标设计

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko