The Pudding

一本趣味盎然却又思想严谨的数字杂志，专注于数据驱动的叙事。

单色系基底，搭配鲜活、插画风格的卡片背景。

slab-serif · grotesque-sans · monospace

• display32px · 700
• body16px · 400
• small14px · 400

大型粗衬线展示文本使用紧凑的负字距（-0.8px）。 · 等宽字体仅用于技术数据、日期或期刊编号。 · 导航标签使用大写字母以增强清晰度。

以4px为基础，保持一致节奏，卡片内采用充足的垂直内边距（32px）。

1px solid #262626

rgba(0, 0, 0, 0.3) 0px 2px 1px 0px

采用3列网格布局展示故事卡片，顶部设有灵活的导航栏。

卡片与链接在 hover 时采用微妙的 transform 与 opacity 过渡。

卡片在 hover 时产生微妙的缩放或透明度变化。 · 交互元素提供即时视觉反馈。

• button 胶囊形状，1px实线黑色边框与加粗文字。
• card 图像主导，采用鲜活纯色背景与粗衬线标题。
• chip 小型胶囊形标签或期刊编号，带有1px边框。
• input 圆角设计，带有微妙投影，占位符为‘查找故事...’。
• hero 全宽介绍区域，包含大型风格化标志与标语。

• 语气 趣味盎然、充满智慧且不拘一格。
• 标题风格 大胆的粗衬线字体，常为小写或混合大小写，采用紧凑字距。
• 按钮文案 手绘或气泡美学风格，常为描边效果。

• 避免使用复杂渐变——截图显示为平坦、鲜活的纯色背景。
• 避免标题使用无衬线字体——截图显示标题采用厚重的粗衬线字体。
• 避免使用纤细、优雅的字体——截图显示全文采用加粗、有字重的字体。
• 避免卡片使用圆角——截图显示卡片为尖角或极小半径。
• 避免隐藏数据——截图明确突出了期刊编号和日期等元数据。
• 避免使用单一强调色——截图显示了多样化、多色彩的卡片调色板。
• 避免: 生硬的企业语言
• 避免: 严肃或枯燥的数据呈现
• 避免: 厚重渐变

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