Goodglyphs

一个协作性慈善项目，将趣味的装饰字体融入捐赠与下载体验。

高对比度、扁平化、趣味性，以单一主色为背景，搭配黑色字体。

geometric-sans · humanist-sans

• display120px · 700
• headline48px · 500
• body16px · 400
• caption14px · 400

大型展示文本使用非常紧凑的行高。 · 所有文本均为黑色。 · 主标题使用大写字母。

主要区块之间使用充裕的垂直间距。

1px 实线 黑色

无

单栏布局，包含大型全宽文本块和居中的交互元素。

静态截图中未见动态效果。

静态截图中未见悬停效果。 · 静态截图中未见点击效果。

• button 大型胶囊形按钮，带黑色边框和大写文本。
• card 无
• chip 用于价格选择的圆形按钮。
• input 用于自定义捐赠金额的输入框。
• hero 以大号字体呈现的主视觉区域，包含趣味互动的装饰字体展示区。

• 语气 趣味性、慈善性、直接明了。
• 标题风格 大号、粗体、大写、几何感。
• 按钮文案 大号、清晰、大写、胶囊形。

• 不要使用衬线字体——截图显示的是粗体几何与人文无衬线字体。
• 不要使用白色背景——截图显示的是明亮、扁平的薄荷绿背景。
• 不要使用细微阴影——截图显示的是扁平化元素，带有简洁的黑色边框。
• 不要使用复杂的网格布局——截图显示的是简洁、大胆的单栏布局。
• 不要使用小型、隐藏的交互元素——截图显示的是大型、清晰定义的圆形按钮和胶囊形操作按钮。
• 不要使用深色模式——截图显示的是明亮、高对比度的浅色模式。
• 避免: 衬线字体
• 避免: 复杂渐变
• 避免: 深色模式
• 避免: 细微阴影
• 避免: 小型交互元素