GTE

白色基底、扁平表面与衬线字形。

页面以白色为基底，搭配近黑色文字。字体采用 Ogg Text Light、Inter。视觉特点包括扁平表面、衬线字形、等宽字体、非对称构图。适合参考的场景：区块链项目介绍页、生态网站首页。

查看原始网站

使用规范

建议采用

所有标题和小节标题均使用 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+
绝不使用渐变作为区块背景——唯一的观察到的渐变仅作为装饰性纹理元素，而非布局工具

正在读取模板权限…

使用指南

# GTE — Style Reference
> Trading terminal behind gallery lighting
 
**Theme:** mixed
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
GTE operates on a high-contrast split-personality canvas: a near-black hero stage gives way to a stark white content body, with a single vivid orange accent acting as the connective tissue between the two. Typography carries the brand identity more than color does — a thin, high-contrast serif (Ogg Text Light) handles every headline while a humanist sans (Inter) and a custom geometric monospace (PP Supply Mono) handle UI and data, creating a editorial-meets-terminal feel. Surfaces are flat and unshadowed; depth is achieved through tonal layering (white → soft gray → near-black) and generous border-radius on cards (12–24px) rather than drop shadows. The orange is deployed sparingly and surgically: CTA fills, small tag pills, and accent strokes — never as a wash or gradient. Density leans compact (10px gaps, 16px card padding) with breathing room reserved for section transitions (40px+). The visual rhythm is: dark dramatic hero → clean white feature grid → dark CTA band — a structure that reads as confident, editorial, and trading-desk serious.

GTE

使用规范

建议采用

建议避免

相似设计语言

Galileo-ft

Increase

Auros

Altius

Browserbase

Ameba