Petertarka

浅灰色基底、分屏构图与网格布局。
页面以浅灰色为基底。字体采用 GT America。视觉特点包括分屏构图、网格布局、细线分隔、圆角卡片。适合参考的场景:设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 所有展示级文本使用 GT America 字重 200(38px)。这种轻声字重是品牌声音——此处绝不可替换为 400 或 500;
- 所有卡片的内边距设置为四边精确的 45px。这种充足的内部空间才让网格看起来像一幅装裱的艺术作品;
- 所有地方使用 0px 圆角。锐利的角是不可妥协的——它们传达编辑性、建筑性的意图,而非柔和的 SaaS 传统;
- 所有卡片边框使用 1px 实线 #d8d8d8。深度来自细线边框,而非阴影或背景对比;
- 将年份标签锚定在行高 2.37 处,使其无论内容高度如何,都位于卡片视觉底部;
- 保持系统无彩色。若出现色彩,仅限于满幅覆盖的项目卡片或单一插画——绝不可用于按钮、徽章或 UI 强调元素;
- 让汉堡菜单成为唯一可见的导航。默认状态下,不显示标识,不显示导航栏,也不显示链接列表。
建议避免
- 任何地方均不可使用粗体或中粗字重(600 以上)——无论是标题、CTA 还是强调部分。系统上限为字重 200-400;
- 卡片不可添加阴影、投影或任何抬升效果。深度仅来自 1px 边框;
- 卡片、按钮、标签或图片的圆角不可大于 0px。锐利的边缘定义了画廊的美学风格;
- 不可为按钮、链接或交互状态引入彩色强调色。交互元素继承自单色系统的 #000000 文字和 #ffffff 边框;
- 不可使用最大宽度容器。网格及其细线边框应在所有断点上始终延伸至视口边缘;
- 不可在 UI 表面添加渐变。唯一检测到的渐变是单个内容元素,非设计令牌;
- 不可使用颜色作为状态指示器(成功、错误、警告)。系统没有语义色彩词汇——状态变化仅通过字重、位置或边框样式实现。