# PostHog, Home

Developer tools · Home · Custom code · San Francisco, USA
Live page: https://posthog.com/
On Designly: https://designly.sh/s/posthog · JSON: https://designly.sh/s/posthog?format=json
Site: [PostHog](https://designly.sh/s/posthog?format=md) (https://posthog.com)
Styles: type-led, playful, light, geometric

## Why it works

RoundHog headlines on an off-white background give this developer tool a friendly, approachable character. Bright orange is used sparingly for the primary "Get started – free" button and to highlight key text, ensuring the main action stands out against the muted navy and grey tones.

## Sections, top to bottom

1. [Hero: "Your product's context layer"](https://designly.sh/s/posthog#section-1) (y 0–900px of 900) · image: https://designly.sh/media/captures/cap_d3ed1e4cfb754949a41a76ecda3f0065/sections/0.webp · id sec_5ca2033bb6524388a4da14a05e5886b6

## Design tokens

- Colours: #EEEFE9 (background), #65675E (text), #EB9D2A (accent), #FDFDF8 (surface), #111827 (muted)
- Fonts: RoundHog (display)
- Corner radius: 4px
- Section padding: 8px
- Export: https://designly.sh/s/posthog?format=tokens.css · https://designly.sh/s/posthog?format=tokens.json · https://designly.sh/s/posthog?format=tokens.tailwind.css

## Images

- Desktop (1440×900): https://designly.sh/media/captures/cap_d3ed1e4cfb754949a41a76ecda3f0065/desktop.webp
- Mobile (390×844): https://designly.sh/media/captures/cap_d3ed1e4cfb754949a41a76ecda3f0065/mobile.webp
- Captured: 2026-10-26

## Other Pages of PostHog

- [About](https://designly.sh/s/posthog/about?format=md) — /about
- [Blog](https://designly.sh/s/posthog/blog?format=md) — /blog
- [Careers](https://designly.sh/s/posthog/careers?format=md) — /careers
- [Pricing](https://designly.sh/s/posthog/pricing?format=md) — /pricing

## Related

- [Zed, Home](https://designly.sh/s/zed?format=md) — Developer tools · Home · Custom code · styles: type-led, serif, minimal, editorial · image: https://designly.sh/media/captures/cap_b64c41a459a24ca88d6c9660f880a1c9/desktop.webp
- [Val Town, Home](https://designly.sh/s/val-town?format=md) — Developer tools · Home · Custom code · Brooklyn, USA · styles: type-led, light, geometric, minimal · image: https://designly.sh/media/captures/cap_aaa429a5fd8e46e1847e72efbeb5cf2e/desktop.webp
- [Sentry, Home](https://designly.sh/s/sentry/welcome?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: dark, type-led, bold, tech · image: https://designly.sh/media/captures/cap_51aa0a7c667f45a5a29f2536b056a61f/desktop.webp
- [Oxide Computer, Home](https://designly.sh/s/oxide-computer?format=md) — Developer tools · Home · Custom code · Emeryville, USA · styles: dark, type-led, geometric, corporate · image: https://designly.sh/media/captures/cap_1a024d5b034c4c66a520a5d3ed9c9e94/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.