Iconwerk

一个精心策划的、展示精工制作视觉工具的画廊

以高对比度的单色为基础，所有色彩均来自摄影图像和图标项目本身。

humanist-sans

• display48px · 700
• body16px · 400

标题采用粗体，字间距紧凑 · 正文使用标准字重和正常字间距 · 字体使用极为克制，以确保图标作品占据主导地位

采用一致的基于网格的间距系统，项目卡片之间留有宽裕的间距。

无可见边框，依靠留白和阴影进行视觉分隔。

0 2px 8px rgba(0, 0, 0, 0.06)

非对称瀑布式网格布局，用于展示各种格式的项目（图标、模型、照片）。

静态呈现，截图中无可见动画。

项目卡片隐含了微妙的缩放或阴影增强效果（在静态截图中不可见）。 · 导航至每个图标项目的详细案例研究。

• button 简单的药丸形按钮，采用纯色填充和白色文字。
• card 圆角方形或矩形卡片，包含项目图像，带有微妙的阴影。
• chip 无可见样式。
• input 无可见样式。
• hero 介绍性文本区块，包含粗体标题和描述性副标题，与第一个项目卡片并列展示。

• 语气 自信、专业、聚焦于工艺。
• 标题风格 简短有力的设计理念陈述。
• 按钮文案 简洁、低调的联系按钮。

• 不要使用明亮或饱和的背景色——截图显示为干净的白色画布。
• 不要应用厚重的投影或 3D 效果——截图显示为最小化、微妙的层次感。
• 不要在项目卡片周围使用装饰性边框——截图显示为无边框卡片。
• 不要用过多的文字挤满布局——截图优先展示视觉作品。
• 不要使用复杂的多栏文本块——截图保持描述性文字简洁。
• 不要采用严格、统一的网格——截图显示卡片尺寸各异，以增加视觉趣味性。
• 避免: 行话
• 避免: 过于技术性的描述
• 避免: 夸张的营销语言