← PostHog

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesposthog.com

    PostHog

    PostHog automatically diagnoses problems, fixes bugs, and generates pull requests – all without you having to prompt it.

    PostHogCover
    01Covercover
  2. Tokens · Color

    Color System

    Azure
    primary#007AFF
    50950
    AA-lg 3.2
    White
    surface#FFFFFF
    50950
    Near Black
    text#111111
    50950
    AA 18.9
    Orange
    accent#F7A501
    50950
    Azure
    secondary#2F80FA
    50950
    PostHogColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    RoundHogcustom

    PostHog automatically diagnoses problems, fixes bugs, and generates pull requests – all without you having to prompt it.

    Regular400Semibold600Bold700
    PostHogType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    PostHog
    light
    PostHog
    dark
    PostHog
    brand
    wordmark
    PostHog
    light
    PostHog
    dark
    PostHog
    brand
    inverse
    PostHog
    light
    PostHog
    dark
    PostHog
    brand
    mono
    PostHog
    light
    PostHog
    dark
    PostHog
    brand
    app-icon
    PO
    light
    PO
    dark
    PO
    brand
    favicon
    PO
    light
    PO
    dark
    PO
    brand
    markclear 0.5× logo heightmin 16px · screen
    PO
    light
    PO
    dark
    PO
    brand
    Favicon legibilityfavicon · at native px
    PO
    16px
    PO
    20px
    PO
    24px
    PostHogLogo Suite
    04Logo Suitelogo-suite