PostHog 是「产品上下文层」，能自动诊断问题、修复缺陷甚至生成 PR。它的品牌气质刻意反企业化：配色是鼠尾草橄榄绿的暖调而非惯用蓝，IBM Plex Sans 以 700/800 字重配 1.5 以上行高，藏起品牌橙（#F54E00）只在悬停时蹦出来给你惊喜，手绘刺猬插画贯穿始终，描边与底色都带鼠尾草调（#bfc1b7/#eeefe9）。适合开发者友好、有性格的分析产品。
开发者工具大胆表现
提示词模板
基础模板
Design a PostHog-inspired interface. - Warm sage/olive color palette instead of conventional blues — earthy and approachable; - IBM Plex Sans Variable font at bold weights (700/800) for headings with generous 1.50+ line-heights; - Hidden brand orange (#F54E00) that only appears on hover interactions — a delightful surprise; - Hand-drawn hedgehog illustrations and playful imagery — deliberately anti-corporate; - Sage-tinted borders (#bfc1b7) and backgrounds (#eeefe9) creating a unified warm-green system. Colors: #4d4f46, #23251d, #F54E00, #F7A501 with #F54E00 accent. Typography: ui-monospace.
变体提示词
📱 移动端
Design a mobile app with PostHog aesthetics. Use PostHog color identity with #F54E00 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with PostHog style. Use PostHog color identity with #F54E00 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with PostHog design language. Use PostHog color identity with #F54E00 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with PostHog visual identity. Use PostHog color identity with #F54E00 accents. Compelling, conversion-focused.
使用示例
PostHog 应用
Web 端Build a web app with PostHog design language and #F54E00 color system.
PostHog 仪表板
仪表板Create a dashboard using PostHog style with data visualization and ui-monospace typography.
✅ 适合场景
- 后端系统
- 分析与监控类开发者工具
- 数据密集的深色仪表盘
❌ 不适合场景
- 奢华零售品牌页
- 柔和粉彩的生活方式产品
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。