精选 · 开放 · 免费

Mad Ac

一个由大胆排版和实验性图标驱动的、高对比度、富有表现力的创意工作室标识。

01

设计气质 DNA

一个将大胆艺术表达与结构化系统思维相融合的前卫设计工作室。

02

色彩

一个高度克制、非彩色的调色板，完全依赖高对比度的墨色和负空间来引导焦点。

03

字体

humanist-sans · monospaced

• display56px · 560
• headline32px · 500
• body14px · 500

为正文和导航文本使用紧凑的字间距 (-0.32px) · 为一级文本层次结构保持统一的字重 500 · 确保充足的垂直间距以平衡密集的排版重量

04

间距

一种宽松、有空间感的节奏，允许大型图形元素自由呼吸，同时保持卡片内部紧凑的内边距。

05

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

1px solid rgba(17, 19, 19, 0.1)

06

布局

一个极简的、居中对齐的主要导航布局，过渡到基于堆叠卡片的内容系统。

07

动效与交互

用于交互元素的细微颜色和不透明度过渡 · 用于富有表现力的图形揭示的裁剪路径过渡 · 用于覆盖元素的平滑 backdrop-filter 变化

细微的不透明度或颜色变化，通常为 0.15 秒过渡。 · 立即响应，最小化视觉反馈。

08

组件

• button 极简的文本链接，通常为大写，带有细微的悬停状态变化。
• card 高对比度的容器，带有浅色边框、16px 的内边距和 8px 的小圆角。
• chip 小型、大写的文本标签，带有细微的背景或边框。
• input 极简的文本输入框，带有清晰的边框，无厚重的背景。
• hero 一个巨大的、富有表现力的图形元素，搭配大胆、紧凑字距的排版。

09

文案语气与禁用清单

• 语气 自信、前瞻性且略带挑衅性。
• 标题风格 大胆、直接且富有表现力，导航常使用全大写。
• 按钮文案 细微并融入排版，避免厚重的按钮样式。

• 不要使用多彩调色板——截图显示的是严格的黑白非彩色方案。
• 不要使用厚重的投影——截图显示元素由清晰的边界和负空间定义。
• 不要使用纤细、精致的字体——截图显示的是大胆、厚重的 humanist-sans，带有紧凑的字间距。
• 不要使用通用图标——截图特点是高度表现力、自定义绘制的有机形状。
• 不要使用宽阔、松散的字间距——截图显示的是紧凑、密集的字间距 (-0.32px)。
• 不要使用密集、杂乱的网格——截图显示的是高度宽敞、居中对齐的极简布局。
• 避免: 避免杂乱的布局或过多的装饰元素
• 避免: 避免低对比度的文本或柔和的调色板
• 避免: 避免通用、面向企业的语言
• 避免: 避免厚重的阴影或复杂的渐变
• 避免: 避免标准、缺乏灵感的图标集
• 避免: 避免可预测、网格密集且缺乏呼吸空间的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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