Ragtag Helpdesk

Ragtag Helpdesk is a project by Ragtag volunteers with the aim of providing tech support for progressive campaigns and organizations.

Primary Wordmark

The primary mark should only be used in the primary purple brand color.

Alternate Wordmark

Where necessary the mark may also be used in white on black or black on white.

Single color, on light background
Single color, on dark background

Square / Circle Mark

In applications where the full wordmark doesn’t fit, such as social media avatars, use the Square Mark. Some networks may display the mark in a circle; the full square version should be uploaded however.

Square
Square, cropped by social network

Download Avatar

For favicons, please use <link rel="icon" href="https://assets.ragtag.tech/helpdesk/favicon.ico">.

Typography

Secondary Typeface: Gotham

Gotham, by Hoefler & Co., is our primary typeface. It should be used for the wordmark and headers.

Secondary Typeface: Operator

Operator, by Hoefler & Co., is our secondary typeface. It should be used for taglines for the wordmark.

Tertiary Typeface: Native San Serif

For body copy please use the native sans serif typeface. This can be achieved this with the following CSS:

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
  Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji",
  "Segoe UI Emoji", "Segoe UI Symbol";

To improve accessibility, the base font size should be 18px.

Colors

  • Purple
    Hex
    #6c41db
    RGB
    rgb(108, 65, 219)
    Pantone®
    2725 C

Additional Artwork

The following may be used for promotional materials or merchandise.

Please Don’t

  • Don’t use Ragtag Help Desk, it’s always Ragtag Helpdesk
  • Don’t squish or stretch the logo
  • Don’t use the Gotham or Operator typefaces without a valid license to do so