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

Gt-planar

曲速飞行中的座舱HUD。

GT Planar将座舱HUD美学用于字体展示:漆黑画布、紫罗兰主要操作,以及像仪表板背光的电光黄绿色边框色板。字体是主角,定制GT Planar本身就是界面,而非叠在界面上的装饰。视觉系统完全避免深度,没有投影、渐变或高度效果;结构来自1px白色极细边框与彩色描边,在深色虚空中像发光线框。密度高、内边距紧(1-5px范围),颜色以小型、刻意且由功能驱动的标点出现,而非背景铺色。最终像以光速透过飞行员抬头显示器观看,每个元素都经过工程设计,每条线携带数据,页面本身是工作的仪器,而非营销表面。

查看原始网站

使用规范

建议采用

  • 所有按钮、标签和交互胶囊采用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仅用于数据,两者都是功能性标点,而非氛围。