T1 Energy 网站预览
T1 Energy 网站预览

T1 Energy

暖白色基底、分屏构图与居中构图。

页面以暖白色为基底。字体采用 T1 Sans。视觉特点包括分屏构图、居中构图、产品图像展示、单栏阅读排版。适合参考的场景:专题展示页、项目介绍页。

查看原始网站

使用规范

建议采用

  • 所有展示标题使用 T1 Sans 300 字重 52px——轻盈的字重是品牌的字型标志,不得用 600/700 粗体替代。
  • 所有图像容器的圆角半径设为 80px,所有交互按钮的圆角半径设为 100px,以维持胶囊与球体的几何形态。
  • 所有边框、文字和填充交互元素使用 Carbon Warm(#322d2a)——切勿使用纯黑色 #000000 作为文字或背景。
  • 保持区块间距为 48px,卡片内边距为 22px,以维持呼吸感与规格表的节奏。
  • 每个区块标签前需以 4px 实线方块指示器(Carbon Warm)开头,后接大写标签文字。
  • 色彩调性限定为羊皮纸底色、白色表面和炭黑色文字——色彩的缺席即是设计本意。
  • 展示标题行高必须精确为 1.0,使 52px 大号文字形成紧凑、具有建筑感的块状结构。

建议避免

  • 不得引入强调色、渐变或装饰性色彩——1% 的色彩度是刻意设计,破坏它将瓦解工程化的克制感。
  • 切勿使用纯黑色(#000000)作为文字、背景或边框——始终将其调暖为 Carbon Warm(#322d2a)或调冷为 Onyx(#0f0e12)。
  • 切勿为卡片、按钮或导航添加阴影——设计依赖于平面色调分层(羊皮纸 → 白色 → 炭黑),而非立体感。
  • 切勿在任何容器上将圆角半径设低于 8px——系统建立在 宽松( 宽松)的圆润之上,锐利的边角会显得格格不入。
  • 切勿在标题中使用粗体或中等粗体字重——T1 Sans 仅提供 300 和 400 两种字重,轻盈的显示正是其核心理念。
  • 切勿在区块标签或正文内容中添加图标、插图或 表情符号——方块指示器和文字排版承载全部视觉信号。
  • 切勿在照片周围添加边框、边框或内边距以打破全幅图像模式——照片应直接浮于羊皮纸底色之上,其 80px 圆角保持完整。