Gustavo Work

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

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

transitional-serif · geometric-sans · monospaced

• display142px · 400
• display-small125px · 700
• body16px · 400
• caption12px · 400

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

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

使用1px细线进行分隔。

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

hover过渡 · 淡入淡出

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

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

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

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