← ClickUp

Guidelines deck

4 boards · page order preserved

  1. Brand Guidelinesclickup.com

    ClickUp™

    Our mission is to make the world more productive. To do this, we built the everything app for work - Tasks, Docs, Goals, and Chat.

    ClickUpCover
    01Covercover
  2. Tokens · Color

    Color System

    primary
    primary#7612FA
    50950
    AA 6.5
    surface
    surface#FFFFFF
    50950
    text
    text#202020
    50950
    AA 16.3
    accent
    accent#7612FA
    50950
    secondary
    secondary#7B68EE
    50950
    ClickUpColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Plus Jakarta Sansgoogle

    Our mission is to make the world more productive. To do this, we built the everything app for work - Tasks, Docs, Goals, and Chat.

    Light300Regular400Medium500Semibold600Bold700
    ClickUpType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    ClickUp
    light
    ClickUp
    dark
    ClickUp
    brand
    mark
    CL
    light
    CL
    dark
    CL
    brand
    inverse
    ClickUp
    light
    ClickUp
    dark
    ClickUp
    brand
    mono
    ClickUp
    light
    ClickUp
    dark
    ClickUp
    brand
    app-icon
    CL
    light
    CL
    dark
    CL
    brand
    favicon
    CL
    light
    CL
    dark
    CL
    brand
    Favicon legibilityfavicon · at native px
    CL
    16px
    CL
    20px
    CL
    24px
    ClickUpLogo Suite
    04Logo Suitelogo-suite