Gt-planar 网站预览
Gt-planar 网站预览

Gt-planar

近黑色基底、细线分隔与胶囊形控件。

页面以近黑色为基底,搭配白色文字。局部操作控件以紫色强调。字体采用 GT Planar。视觉特点包括细线分隔、胶囊形控件、网格布局。适合参考的场景:设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 所有按钮、标签和交互胶囊采用9999px圆角,胶囊形是系统通用的交互形式。
  • 结构用1px solid Photon White(#ffffff)边框建立,绝不只依靠内边距间隔或背景颜色变化。
  • 任何115px以上文字使用+0.70em字间距,这种极端字间距是标志性选择,让展示文字像示意图标签。
  • 所有文字启用OpenType特性kern、ss01–ss04和tnum,这些风格集是GT Planar识别不可或缺的部分。
  • 紧凑元素(表格单元格、按钮、行内标签)的内边距保持1-5px,卡片或区块内边距15-25px。
  • Reactor Yellow(#fcff76)作为最常用的边框强调,它是线框颜色,也是默认“系统已开启”信号。
  • Hyperspace Violet(#6100ff)仅作为填充操作背景或主导表面,绝不作为文字颜色或微妙浅色调。

建议避免

  • 绝不使用投影、模糊效果或半透明叠层;系统如平面线框,所有结构来自1px线条。
  • 绝不使用1px到9998px之间的圆角;结构元素(卡片、表格、输入框、分隔线)为零,交互元素(按钮、标签)为完整胶囊。
  • 文字背后绝不使用渐变、双色调效果或背景铺色;画布始终为平面的Null Black或单一纯彩色表面。
  • #6100ff绝不作为文字颜色或非操作强调,它仅用于填充按钮背景与主导紫罗兰表面。
  • 正文绝不低于14px或高于16px,GT Planar的正文范围刻意狭窄。
  • 段落或多行文字块绝不居中,默认左对齐,以强化仪器读数的隐喻。
  • 暖色相Crimson、Amber绝不作装饰;Crimson仅用于警告,Amber仅用于数据,两者都是功能性标点,而非氛围。