Posthog

一个对开发者友好、略带俏皮的工具集，感觉像一位友善的副驾驶。

采用温暖、柔和的大地色系背景，搭配高对比度的深色墨迹和充满活力的橙色点缀。

humanist-sans · monospace

• display48px · 700
• body15px · 400

展示标题使用粗体 humanist-sans 字体。 · 正文使用清晰的 humanist-sans 字体以确保可读性。 · 代码块使用标准的等宽字体组合。

基于一致的4px网格，采用标准间距比例。

1px solid #4D4F46

0 25px 50px -12px rgba(0, 0, 0, 0.25) · 0 10px 38px -10px rgba(14, 18, 22, 0.35)

一个活泼的多栏布局，模拟包含侧边栏和主内容区域的复杂应用界面。

在hover状态下平滑的颜色和背景过渡。 · UI状态变化时的细微淡入效果。

交互元素的颜色变化和细微的背景改变。 · 细微的缩放或颜色按压反馈。

• button 圆角、高对比度的主按钮搭配粗体文字；次级按钮带有细微边框。
• card 具有细微背景的卡片，阴影或边框极简，与趣味化的UI主题融为一体。
• chip 用于标签或分类的小型、圆角的药丸状元素。
• input 干净的、带边框的输入框，采用标准内边距。
• hero 一个大型的多栏核心区域，包含趣味插图和粗体排版。

• 语气 趣味、直接、以开发者为中心，并带有一丝不羁。
• 标题风格 粗体、清晰、以收益为导向。
• 按钮文案 行动导向且突出，通常使用主橙色或深色背景。

• 不要使用纯白背景 —— 截图中显示的是温暖、有纹理的米色背景
• 不要使用冰冷、企业的蓝色点缀 —— 截图中显示的是充满活力的橙色点缀
• 不要使用过于复杂或混乱的布局 —— 截图中显示的是有结构、但充满趣味的基于网格的布局
• 不要到处使用尖锐的方形圆角 —— 截图中显示的是细微圆角和药丸形状的混合使用
• 不要使用深色模式作为默认 —— 截图中显示的是带有暖色调的浅色模式
• 不要使用通用的素材摄影 —— 截图中显示的是自定义的、趣味化的插图
• 避免: 企业套话
• 避免: 过于正式的语言
• 避免: 模糊的承诺

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