Gt-america

白色基底、胶囊形控件与插画元素。
页面以白色为基底,搭配蓝色文字。字体采用 GT America Intl、GT America Intl Mono。视觉特点包括胶囊形控件、插画元素、大字排版、单栏阅读排版。适合参考的场景:设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- GT America Intl只使用400字重;系统拒绝粗体和black字重,视觉分量只来自字号。
- 分区首屏的展示文字放大至338px、346px或900px;极大尺度本身就是设计。
- 超过60px的展示文字采用-0.04em letter-spacing;低于14px的微型标签采用0.03em字间距。
- Electric Cobalt(#0000ff)与Press Orange(#ff3500)严格作为双色配对,绝不要引入第三种彩色。
- 所有按钮和输入框都设为9999px胶囊圆角;卡片和图像保持0px直角。
- 让展示文字一直延伸到视口边缘,pageMaxWidth设为null;字体样本采用满幅展示。
- 标准分区间距使用96px,按钮内边距为12px 18px,基础间距单位为6px。
建议避免
- 不要引入GT America Intl的600/700粗体或800/900 black字重;将400字重放大到极大尺度才是标志性特征。
- 不要添加box-shadow、drop-shadow或抬升效果;系统平面,像印刷样张一样压印在页面上。
- 背景或边框不要使用中性灰;调色板是二元的,以纯白、纯黑加两种品牌色组成。
- 卡片或图像不要添加border-radius;只有按钮和输入框采用9999px胶囊形。
- 展示文字只采用Electric Cobalt、Press Orange或Press Black,绝不要使用弱化或浅色调变体。
- 正文行高不要高于1.60,展示文字行高不要低于0.74;压缩是刻意的。
- 不要将页面包在max-width容器中;字体样本要求从边到边呈现。