01
设计气质 DNA
排版字体样机简约精致
一款现代几何字体的排版样机页面
02
色彩
#0000FFAccent#000000Ink#FFFFFFBGrgba(0, 0, 0, 0)Line极简主义调色板，白色背景搭配黑色文字，使用单一的高饱和度蓝色作为交互元素和品牌标识
03
字体
- display
96px · 400
使用几何无衬线展示字体作为主标题 · 全文排版保持一致，字重变化极小 · 展示文本使用紧凑的字距以增强视觉冲击力
04
间距
4px8px16px24px32px48px64px96px内容分布于视口边缘和底部，留有充足留白
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框或分隔线
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全屏白色画布，内容锚定在四角和底部中央
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
文本元素在 hover 状态下可能改变颜色或透明度 · 用于章节导航的文本链接
08
组件
- button 纯文本交互元素，无可见按钮容器
- hero 大型排版标题，位于视口底部中央
09
文案语气与禁用清单
- 语气 专业、精致且具权威感
- 标题风格 大型、粗体的排版陈述，文本量极少
- 按钮文案 微妙的文本型行动号召，位于页面边缘
- 不要使用多种颜色——截图显示仅有黑、白、蓝三色
- 不要添加阴影或深度效果——截图显示完全扁平化的表面
- 不要使用装饰性元素或插图——截图显示仅有排版
- 不要创建拥挤的布局——截图显示充足的留白和极简的内容
- 不要使用厚重的边框或分隔线——截图显示干净、无边框的设计
- 不要使用圆角——截图显示所有元素均为尖锐、清晰的边缘
- 避免: 装饰性元素
- 避免: 多彩渐变
- 避免: 复杂的 UI 组件
- 避免: 拥挤的布局
- 避免: 过多的图像
11
System Prompt
这是一个为 GT America International 字体打造的优质排版样机网站。设计采用极简主义，白色（#FFFFFF）背景、黑色（#000000）墨水效果，以及用于交互元素的蓝色（#0000FF）强调色。字体属于几何无衬线类别，展示文本使用紧凑的字距。关键禁忌：不要添加装饰性元素（截图仅显示排版）、不要使用多种颜色（截图仅用三色）、不要创建拥挤的布局（截图显示充足留白）。该网站将自身定位为该字体精致、权威的参考来源，采用锚定于页面角落的基于文本的导航。