ProductsPricingDocsCommunityCompanyMore
⚲☼
home.mdx
Products
Pricing
demo.mov
Docs
Sign up ↗
📄 ▾home.mdx–□✕

How developers build successful products

PostHog is the single platform to analyze, test, observe, and deploy new features — without the sleek gradient nonsense.

install.sh
npm install posthog-js
posthog.init('phc_...')
Applied — product surface
📊 ▾insights.dashboard–□✕
Weekly active users
18,204
▲ 12.4% vs last week
Events captured
2.9M
▲ 6.1%
Signup conversion
4.7%
▼ 0.3%
Pageviews · last 7 days
Top events
EventCountUsers
$pageview918,44214,203
signup_started21,0679,880
feature_flag_called7,4102,145
recording_viewed1,982640
►Onboarding drop-off · chrome / macOS02:14
►Checkout rage-click · safari / iOS01:03
Buttons, states & inputs
Primary · default
Primary · hover
Primary · disabled
Secondary · default
Secondary · hover
Secondary · disabled
Link / accent
Input · default
Input · focus ring 0 0 0 4px
v1.0.0 EU / US hosting ● operational new
Typography — IBM Plex Sans
Hero display · IBM Plex Sans · 40–56/1.05 · 600–700 · -1%Build successful products
Section head · IBM Plex Sans · 28–32 · 600 · ~0Analyze, test, observe
Body · IBM Plex Sans · 16/24 · 400 · 0The single platform for product engineers.
UI / buttons · IBM Plex Sans · 15–16 · 400–500 · 0Get started – free
Dock label / caption · IBM Plex Sans · 12–13 · 400 · 0home.mdx · demo.mov · Docs
Mono (code windows) · IBM Plex Mono · 13 · 400posthog.capture('event')
Palette
Text
ink
#000000
ink-800
#23251d
gray-600
#4d4f46
gray-500
#65675e
gray-400
#73756b
Surfaces & borders
tan-canvas
#e1d7c2
tan-200
#d0d1c9
stone-100
#eeefe9
stone-50
#e5e7e0
white
#ffffff
border 1px hairline
rgba(0,0,0,.15)
Accent & semantic
orange-600
#cd8407
orange-500
#eb9d2a
orange-700
#b17816
green
#6aa84f
Depth & motion
Radius scale — 2 / 4 / 6px only, never pills
2px · cards / bars
4px · windows / panels
6px · buttons / inputs
control height 34px
Elevation — borders do the work; shadow only on floating windows
none · 1px hairline border
window · 0 25px 50px -12px rgba(0,0,0,.25)
focus ring · 0 0 0 4px
Motion — desktop-OS interactions: drag · minimize · maximize, plus hover micro-interactions on dock icons and menus. Transitions ~100–200ms ease; no smooth-scroll library confirmed.