精选 · 开放 · 免费

Gustavo Work

一个简洁、由排版驱动的设计师作品集，运用巨大尺度和清晰网格来展示作品。

01

设计气质 DNA

高端时尚编辑版面与粗野主义作品集的结合。

02

色彩

高对比度单色系，搭配克制的排版。

03

字体

transitional-serif · geometric-sans · monospaced

• display142px · 400
• displaySmall125px · 700
• body16px · 400
• caption12px · 400

展示型字体使用高对比度、带有锐利衬线的过渡衬线体。 · 正文与界面元素使用简洁、标准的几何无衬线系统字体。 · 极端的字号对比创造出清晰的视觉层次。

04

间距

充足的留白与强烈的对齐锚点构建版面。

05

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

使用1px细线进行分隔。

06

布局

非对称双栏布局，配有巨大标题。

07

动效与交互

hover过渡 · 淡入淡出

文本元素上的细微透明度变化。 · 标准指针光标。

08

组件

• button 无背景或边框的纯文本链接。
• card 基于列表的项目行，配有简洁的水平分隔线。
• chip 未使用标签组件。
• input 未使用输入框组件。
• hero 横跨全宽的巨大排版标题。

09

文案语气与禁用清单

• 语气 直接、个人化且低调。
• 标题风格 巨大、衬线体且数字驱动。
• 按钮文案 极简、纯文本链接。

• 避免使用圆角——截图显示的是锐利、方正的边角。
• 避免使用明亮的强调色——截图显示的是严格的单色系调色板。
• 避免使用投影——截图显示的是扁平、无边框的表面。
• 避免使用俏皮的无衬线展示字体——截图显示标题使用的是锐利的过渡衬线体。
• 避免所有元素居中对齐——截图显示的是结构化的、左对齐的网格。
• 避免元素堆砌——截图显示的是充足的留白。
• 避免: 过度装饰
• 避免: 明亮霓虹色
• 避免: 圆角

11

System Prompt

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