← back to the gallery

PostHog: playful developer-analytics platform

Tier
inspiration
Roles
hero, capability, feature, proof, closing, footer
Feel
light, playful, saas, brutalist, depth
Motion
reveal, pan, stagger, stack
Source
public-site
Site
https://posthog.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-09-24
Captures
frames: https://images.refero.design/styles/refero.design/video/86dc175b-fd41-405a-960b-4400d250540e.mp4
both: https://posthog.com/

What it does

A developer analytics landing page that presents the product as an approachable working desktop. Layered interface windows and small playful illustrations make a broad technical tool set feel explorable.

Section roster

1. Desktop-like hero and product claim. 2. Setup wizard and getting-started actions. 3. Product interface windows and feature examples. 4. Developer workflow and terminal path. 5. Team proof and product links. 6. Closing setup action and footer navigation.

Why it works

Showing the interface immediately reduces abstraction, while the soft green canvas and playful controls make technical adoption less intimidating. The cost is that multiple small overlapping windows need a clear reading order and mobile simplification.

Sources

- [Refero style page](https://styles.refero.design/style/56cd3725-3ff0-459e-894d-5da58d1fc549) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/86dc175b-fd41-405a-960b-4400d250540e.mp4) supply the sampled desktop, interface, and setup movement. - The live capture at https://posthog.com/ supplies the current self-driving product positioning, responsive screenshots, and measured layout. - The short recording covers only the opening product presentation. Trust the live site for current scope and later content.