网站设计 全流程
探索 PostHog 风格 — 酸橙绿分析美学，热力图、数据洞察、产品分析的视觉语言。
贡献热力图 · Contribution Heatmap
6
设计阶段
100%
覆盖全流程
∞
迭代优化
Prompt 提示词
Build a PostHog-style page: Dark background with lime green (#99f614) accent. Analytics dashboard aesthetic. Heatmap visualization. Bold typography. Rounded corners (12px). Product analytics feel with data-dense layouts.
01/
战略调研
明确商业目标、用户需求、竞品分析，确定产品定位。
02/
信息架构
规划站点结构、导航层级与内容分类。
03/
原型设计
线框图到可交互原型，快速验证概念。
04/
视觉设计
设计系统，品牌语言、配色与组件库。
05/
开发实现
前后端开发、接口联调与响应式适配。
06/
测试上线
功能测试、性能优化、CI/CD 部署。