# PostHog, Blog

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

## Why it works

An off-white background and heavy RoundHog type give the blog a playful, editorial feel. Bright orange is used sparingly for the "Get started – free" button, while pill-shaped buttons and cards organize the content feed into a dense, approachable grid.

## Sections, top to bottom

1. [Hero: "Blog"](https://designly.sh/s/posthog/blog#section-1) (y 0–900px of 900) · image: https://designly.sh/media/captures/cap_c9b789ccf0cc4a16a36e582083e3ca2a/sections/0.webp · id sec_18e7fb53b88e4f258cabd5da005f78cc

## Design tokens

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

## Images

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

## Other Pages of PostHog

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

## Related

- [Zed, Blog](https://designly.sh/s/zed/blog?format=md) — Developer tools · Blog · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/desktop.webp
- [Tailwind CSS, Blog](https://designly.sh/s/tailwind-css/blog?format=md) — Developer tools · Blog · Custom code · styles: type-led, minimal, monochrome, airy · image: https://designly.sh/media/captures/cap_b4279886422e4d428694a89aaae197c3/desktop.webp
- [Raycast, Blog](https://designly.sh/s/raycast/blog?format=md) — Developer tools · Blog · Custom code · London, UK · styles: dark, type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_b3e425a312804fe2adb975e347e4a66e/desktop.webp
- [Oxide Computer, Blog](https://designly.sh/s/oxide-computer/blog?format=md) — Developer tools · Blog · Custom code · Emeryville, USA · styles: dark, type-led, geometric, minimal · image: https://designly.sh/media/captures/cap_38e11859667d481392cfde2f92789346/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.