GTE

交易终端后方的画廊灯光场景
GTE 采用高对比度的双面人格画布:近黑色的首屏区域逐渐过渡到 纯白色的内容主体,单一鲜明的橙色点缀作为连接两个部分的纽带。字体比色彩更承载品牌调性——细长、高对比度的衬线字体(Ogg Text Light)用于所有标题,而人文主义无衬线字体(Inter)和定制几何等宽字体(PP Supply Mono)则分别用于界面与数据展示,营造出编辑风格与终端界面融合的氛围。表面设计平实,无阴影;深度通过色调叠加(白色 → 浅灰色 → 近黑色)以及卡片边框半径(12–24px)的宽大设计实现,而非依赖投影阴影。橙色的使用极为克制且精准:仅用于CTA填充、小标签和强调笔画,从不以大面积填充或渐变形式出现。整体密度紧凑(10px 间距,16px 卡片内边距),在板块过渡处保留充足的留白(40px+)。视觉节奏为:深色戏剧性首屏 → 清晰的白色功能网格 → 深色CTA带——这一结构读来自信、具有编辑性,且充满交易台的专业感。
查看原始网站使用规范
建议采用
- 所有标题和小节标题均使用 Ogg Text Light 字重 300——这种细衬线字体是品牌最具辨识度的排版选择
- 所有卡片应用 12–24px 圆角,按钮/输入控件为 8px——内容表面绝不可使用 0px 的锐利边角
- 仅将 #ff7817 用于主要操作、功能标签胶囊和导航中的斜杠装饰——绝不可用于大面积装饰性表面的填充
- 任何数据、指标、行情标签或具有终端感的强调文本均使用 PP Supply Mono 以强化交易台身份
- 所有正文和标题文本的字间距设置为 -0.02em——紧密的字间距是系统的一部分,而非偶然现象
- 轻、暗色区块之间至少保留 40–80px 的垂直间距,且不可使用过渡渐变——对比应明确且具有编辑性
- 卡片表面使用 #ebebeb,背景为 #ffffff——绝不可在白色背景上使用白色卡片,必须建立色调层级
建议避免
- 卡片或组件上绝不使用投影阴影——深度必须来自色调分层,而非模糊效果
- 绝不将 Ogg Text Light 衬线字体用于正文、UI 标签或 28px 以下的文本——它仅作为展示字体存在
- 绝不引入额外的色彩——系统为单色加单一橙色点缀;引入蓝色、绿色或紫色会破坏系统纪律
- 绝不使用 0px 圆角于按钮、输入框或卡片——圆润的几何形态是整体风格的核心要素
- 绝不将橙色 #ff7817 用于正文、链接或大段文本——它是操作色,而非内容色
- 绝不将系统无衬线字体作为内容主体字体——Inter 为默认 UI 字体,且最小字号为 12px+
- 绝不使用渐变作为区块背景——唯一的观察到的渐变仅作为装饰性纹理元素,而非布局工具