Thomashedger

一个精心策划的、充满活力的编辑插画与设计项目画廊。

设计作为中性容器，利用黑白之间的强烈对比，让多彩的艺术作品自己发声。

grotesque-sans

• display32px · 800
• body14px · 400

主导航使用粗体、紧凑的 grotesque-sans 字体。 · 保持最小的排版层次，优先突出视觉作品。

通过瀑布流布局建立紧密、基于网格的韵律，图片之间使用统一间距分隔。

主要网格项目不使用边框。

由方形和矩形图片构成的严格瀑布流网格，配有极简的固定页头。

静态网格上的 hover 效果极简或无。

网格项目上无可见的 hover 效果。 · 标准链接导航。

• button 用于导航的简单文本链接。
• card 网格项目作为图片卡片，展示作品。
• hero 全宽的作品集瀑布流网格作为主要首屏区域。

• 语气 直接、自信，专注于作品本身。
• 标题风格 粗体、大写、无衬线字体。
• 按钮文案 简单的文本链接。

• 避免使用微妙的阴影 —— 截图显示的是无边框的扁平图片。
• 避免为网格添加 hover 效果 —— 截图显示的是静态布局。
• 避免使用圆角 —— 截图显示的是锐利的方形边缘。
• 避免为 UI 使用复杂的调色板 —— 截图仅使用黑白。
• 避免为网格项目添加内边距或外边距 —— 图片是紧密排列的。
• 避免为导航使用衬线字体 —— 截图使用的是粗体 grotesque-sans。
• 避免: 避免使用分散作品注意力的不必要 UI 元素。
• 避免: 避免使用复杂的导航菜单。
• 避免: 避免使用与插画竞争的装饰性字体。