Foundation

一封措辞朴实的公开信。

高对比度的单色配色方案，仅极少量使用单一的暖色调强调色。

humanist-sans

• display56px · 700
• body20px · 400
• caption11px · 400

小标签如日期和页脚文本，采用大写字母并加大字间距。 · 醒目的展示标题，采用紧凑字间距和粗体字重。 · 段落间距宽松，以保持平静的阅读节奏。

保持一致的垂直韵律，留白宽松，以突出文本。

采用半透明白色或浅灰色的 1px 细边框。

inset 0 0 2px 0 rgba(0, 0, 0, 0.03)

一个窄幅、居中的单栏布局，为可读性而优化。

交互元素的平滑减速过渡。 · 微妙的透明度渐变。

交互元素上背景颜色的微妙变化。 · 激活状态下的平滑过渡。

• button 极简的胶囊形按钮，带有微妙边框。
• card 带边框的容器，内边距极小，用于嵌入式社交媒体帖子。
• hero 一个简洁的全宽首屏区域，仅包含一个居中的大号标题和一个小日期。

• 语气 真诚、直接、透明。
• 标题风格 简短、有力、陈述性。
• 按钮文案 微妙且不突兀，通常从属于主要信息。

• 不要使用复杂布局——截图显示的是单栏、高度聚焦的阅读布局。
• 不要使用多种鲜艳颜色——截图显示的是严格的单色配色方案，仅有一种强调色。
• 不要使用衬线或高度装饰性的字体——截图显示的是简洁、中性的无衬线字体。
• 不要使用密集、紧凑的间距——截图显示的是段落间宽松的留白。
• 不要使用粗重的边框或投影——截图显示的是非常微妙、半透明的边框。
• 不要将所有正文文本居中——截图显示的是居中容器内的左对齐正文文本。
• 避免: 营销术语
• 避免: 过于明亮或饱和的颜色
• 避免: 密集、复杂的布局

历史提取与模型分析 · 尚未逐项校验