Transform 网站预览
Transform 网站预览

Transform

暖白色基底、大字排版与扁平表面。

页面以暖白色为基底，搭配近黑色文字。字体采用 Walsheim。视觉特点包括大字排版、扁平表面、网格布局、满幅色块。适合参考的场景：内容网站首页、编辑专题页。

查看原始网站

使用规范

建议采用

  • 所有标题和展示文字使用 Walsheim 700–900，绝不低于 700；厚字重是品牌声音。
  • 只有胶囊形小块和链接标签使用 50px 圆角，其他一切都用 0px；这种圆角二分法是刻意的。
  • 所有字号都使用 -0.02em 字间距；展示标题也不要放松。
  • 页面以 Blush Cardstock #f4ede9 为画布；深色区块作为满幅条带，需有充分理由才出现。
  • Spotlight Magenta #fb00c2 留给主要行动按钮和编辑式强调，绝不用作被动背景。
  • 色板保持三种彩色强调加奶油色、黑色、白色中性色，避免继续添加颜色。
  • 区块背景使用满幅照片，不添加渐变覆盖层或边框。

建议避免

  • 不要引入阴影、光晕或模糊效果；深度通过平面色彩建立，而非浮起。
  • 标题或展示文字不要使用低于 700 的纤细或轻字重。
  • 卡片、按钮或图片不要做圆角；只有胶囊形元素有圆角。
  • Curtain Orange #ff1e00 不要用于按钮或行动入口；它只用于装饰性编辑强调。
  • 未测试对比度前，不要将内容直接放在 Spotlight Magenta 或 Festival Violet 上；这些表面上的文字始终用 Paper White。
  • 一个组件中不要叠放超过两种彩色强调；色板依赖克制。
  • 不要使用渐变；系统没有渐变 Token，并且刻意保持平面。

相似设计语言