Home
白色基底、衬线字形与胶囊形控件。
Index
白色基底、衬线字形与胶囊形控件。
页面以白色为基底，搭配近黑色文字。字体采用 ITCGaramondStdLtCond、ABCDiatypeLight。视觉特点包括衬线字形、胶囊形控件、紧密字距、细线分隔。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 展示标题使用 ITCGaramondStdLtCond 字体，字号 50–80px，字重 300，字间距在 -0.022em 到 -0.037em 之间——这是品牌最具标志性的选择
- 所有UI、导航、正文和标签使用 ABCDiatype（或 Inter 替代字体），字号 12–30px
- 使用描边文本链接（1px边框，6px圆角，透明填充）作为默认交互元素——仅将填充黑色按钮保留用于紧凑的主操作
- 将 #ffd600 严格保留用于地图标记和单点强调——绝不用于背景、文本或按钮
- 通过全宽黑色表面带（公告栏、特色卡片）打破长篇白色页面，以实现高对比度的板状过渡
- 在16px及以下文本上设置略为正的字间距（0.008–0.015em）以保证可读性，在24px以上文本使用负字间距以增强编辑密度
- 所有边框保持1px，所有组件圆角保持6px（按钮、链接、导航）或16px（卡片）——系统仅有两种圆角值
建议避免
- 不要引入第三套字体家族——该系统仅运行于两种字体：ITCGaramondStdLtCond 用于展示，ABCDiatype 用于其余所有内容
- 不要使用阴影来表现层级——该系统刻意无阴影；应依赖颜色反转和细线边框
- 不要在按钮、文本或大面积填充中使用 #ffd600——它是标记色，而非表面色
- 不要在衬线字体中将展示标题设置为400及以上字重——细线300字重是标志；更重的字重会破坏日报的风格
- 不要使用除6px（小元素）或16px（卡片）以外的圆角值——圆角应保持微妙且统一
- 不要使用渐变——该系统严格保持扁平；色彩为实色，从不混合
- 不要在深色背景上的描边按钮中使用有色彩的边框——始终反转为 #ffffff 边框和文本，而非色彩调色
