PostHog

Item: PostHog
Rating: 7.3

Product analytics, session replay, errors and data platform for developers.

posthog.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 900/ ↗

MOBILE · 390

Section outline · Home

01heroDesktop OS window, icons, setup card, grassy wallpaper338
02demoPurple tabs with chat-style product demo

Rating · Home

Visual design7.8

UX & clarity7.2

Originality8.8

Craft & consistency7.6

Motion6.5

Performance & a11y4.0

This page scores 7.3; the site score weights the home page double.

Main colours

Light·light grey background·vivid

Typography

Round Hogheading · font · self-hosted Round Hogbody · font · self-hosted

Stack & style

Gatsby React Tailwind CSS Swiper

Playful Retro Product-UI-led Logo cloud Pricing table Sticky header Tabs

Also: PostHog, Vercel

Design DNA

The page is a fake desktop: a top menu bar, rows of labelled desktop icons down both edges, and a grass-and-hedgehog illustrated wallpaper. Content lives in a draggable window with the logo, a bold headline with a blue highlighted phrase, body text with yellow highlighted keywords, and a floating 'Set up for free' checklist card with orange and white chunky buttons. Below, a purple-tabbed panel demos 'Ask PostHog anything' as a chat UI.

Worth borrowing

Present the site as an operating-system desktop with windows and icons instead of a scrolling page.
Highlight key product nouns in body copy with a marker-yellow background.
Use chunky buttons with a darker bottom edge for a tactile, retro feel.