精选 · 开放 · 免费

Evermade Fi

一个以巨大衬线字体和高对比度、鲜艳调色盘为特征的富有表现力的机构作品集。

01

设计气质 DNA

一场大胆的时装社论与高端数字机构作品集的邂逅。

02

色彩

高对比度且富有表现力，以深酒红和柔桃色为基调，搭配鲜艳的粉色高光。

03

字体

didone-serif · geometric-sans · monospace

• display48px · 400

将优雅、高对比度的衬线展示字体与简洁的几何无衬线字体用于正文。 · 使用等宽字体用于元数据、标签和次要文本。 · 严格使用大写变换用于导航和类别标签。

04

间距

充足的留白和严格的网格对齐。

05

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

锋利、纤细的1px边框，常以微妙、半透明的方式使用。

0px 30px 70px 0px rgba(0,0,0,0.3) · 0px 4px 10px 0px rgba(0,0,0,0.1)

06

布局

非对称的社论式网格，具有巨大的重叠文字和偏离中心的图像。

07

动效与交互

UI状态变化采用平滑的减速过渡。 · 核心文本和图像揭示采用更长、更具戏剧性的缓动。

交互元素上的微妙背景色变化或轻微的空间移动。 · 立即响应，配合平滑的减速过渡。

08

组件

• button 药丸形状，采用纯色深色背景，或幽灵样式搭配锋利边框。
• card 极简的案例研究卡片，采用超大排版和简洁留白。
• chip 等宽、大写的文本标签，用作标签或元数据。
• input 标准表单字段，具有锋利、矩形边框和清晰标签。
• hero 一种戏剧性的布局，结合巨大的出血式衬线字体和重叠的摄影图像。

09

文案语气与禁用清单

• 语气 自信、大胆且高度专业。
• 标题风格 巨大、富有表现力的衬线字体，以吸引观众的注意力。
• 按钮文案 简洁、大写、等宽字体用于元数据；粗体无衬线字体用于主要操作。

• 不要使用柔和、圆润的UI组件——截图显示的是锋利的矩形边框和严格的药丸形状。
• 不要使用繁杂、复杂的背景——截图显示的是纯深酒红或干净的柔桃色。
• 不要使用俏皮、圆润的无衬线字体作为展示文字——截图显示的是高对比度的迪多衬线字体。
• 不要用过多元素使布局显得杂乱——截图显示的是充足的留白和聚焦的社论式网格。
• 不要使用随意、对话式的UI标签——截图显示的是结构化、大写的等宽字体元数据。
• 不要使用明亮的霓虹绿色或蓝色——截图显示的是聚焦于深酒红、粉色和桃色的调色盘。
• 避免: 刺眼的霓虹渐变
• 避免: 圆润柔和的UI组件
• 避免: 俏皮或随意的微文案

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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