Co Projects 网站预览
Co Projects 网站预览

Co Projects

白色基底、细线分隔与产品图像展示。

页面以白色为基底。字体采用 Alpha、Takt。视觉特点包括细线分隔、产品图像展示、摄影展示。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 只用三种色板颜色:#ffffff 用于画布,#000000 用于墨色和几何填充,#e5e7eb 专用于 1px 细线分割。
  • 所有文字设为字重 400,绝不用粗体、中等或轻字重。系统恰好只有一种字重,这项约束就是品牌。
  • 主要区块之间应用 139-208px 垂直外边距,保持画廊尺度的呼吸空间。
  • 几何环或圆占据视口 50-70%,与 16px 导航文字形成建筑尺度对比。
  • 展示标题使用 Alpha,60px / lineHeight 1.00;副标题块使用 Takt,36px / lineHeight 1.11。
  • 导航是顶角三个稀疏文字标签,没有栏、背景或边框。
  • 所有矩形元素的 border-radius 设为 0;所有圆润都留给有意的圆形几何。

建议避免

  • 绝不添加阴影、模糊或浮起效果;系统完全平面,任何深度线索都会破坏图底纯粹性。
  • 绝不引入三种无彩色 Token 之外的颜色:无强调色相、无带色灰,悬停色也只能改变不透明度。
  • 绝不使用 400 以外字重;任何情况下都不用 500、600、700 或 800。
  • 按钮、卡片、标签或输入框绝不应用圆角;矩形始终意味着尖角。
  • 首屏构图绝不限制在 max-width 容器内;让几何形满幅延伸,在视口边缘裁切。
  • 绝不添加图标、插画、摄影或装饰图形;圆与环本身就是影像。
  • 绝不调整字间距;所有文字保持默认字间距,定制字体已调好。