Pinterest

一本属于现代的、充满活力的数字剪贴簿。

简洁、以图像为核心的色彩方案，以中性背景为基调，仅使用鲜艳的红色作为唯一的高饱和度强调色。

geometric-sans

• display48px · 900
• heading38px · 700
• body16px · 400
• caption12px · 400

所有主要文本使用高对比度的黑色或接近黑色。 · 大型展示文本保持紧凑的字距。 · 导航项使用中等字重和句首大写。

主要页面区块之间使用充裕的垂直内边距（100px）进行分隔，营造富有韵律感和呼吸感的浏览体验。

通常无边框，仅在表单输入框上偶尔出现柔和的边框，或偶尔作为 1px 线条使用。

0 3px 12px rgba(0, 0, 0, 0.2) · 0 0 5px rgba(128, 128, 128, 1)

主视觉区域采用双栏布局（左侧文字，右侧浮动图片拼贴），在移动端则折叠为垂直堆叠布局。

用于微悬停效果的快速变换过渡（0.085s）。 · 用于菜单和抽屉的平滑滑动过渡。

在图片卡片和按钮等交互元素上应用细微的缩放变换。 · 通过变换属性提供即时视觉反馈。

• button 主按钮为纯红色（#E60023）配白色文字，采用完全圆润的药丸形状。次按钮为浅灰色（#E5E5E0）配黑色文字，同样为药丸形状。
• card 以图片为主的卡片，具有大而一致的圆角（16px）和柔和的投影。
• chip 小巧的圆角白色标签（例如“学院风造型”），浮动于图片之上，带有细微投影。
• input 简洁、无样式的输入框，采用浅灰色背景（#F6F6F3）和略带圆角（8px）。
• hero 一个巨大、醒目的文字区块，搭配由重叠照片卡片组成的动态拼贴。

• 语气 富有启发性、鼓励性且极具亲和力。
• 标题风格 直接、以行动为导向的祈使句（“创造你热爱的生活”）。
• 按钮文案 简单、以利益为导向的行动号召（“免费加入 Pinterest”）。

• 不要使用暗色模式——截图显示界面明亮，以白色和浅灰色（#F6F6F3）为主。
• 不要使用衬线字体——截图显示所有元素均使用简洁的几何无衬线字体。
• 不要使用粗重的边框——截图显示元素大多无边框，依靠背景色和投影进行区分。
• 不要使用多种强调色——截图显示红色（#E60023）是唯一使用的高饱和度强调色。
• 不要使用复杂的数据可视化——截图显示纯粹的视觉化、摄影布局，文字极少。
• 不要使用尖锐的矩形角——截图显示所有卡片和按钮均使用大圆角（16px 至 32px）。
• 避免: 避免使用过于技术化或企业化的行话。
• 避免: 避免使用小而密集的文字段落。
• 避免: 避免使用暗色模式或过于强烈的配色方案。
• 避免: 避免使用复杂的、非标准的布局模式。

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