Skip to content

Downloads

Download the Werklist logo and the design tokens, and open the brand deck. If you use the logo as a partner, read the usage terms first.

Logo files

Design tokens

Brand deck

NextDeck

Downloads

The Werklist logo files and the design tokens to download, and the brand deck.

  • Kind: resource
  • Page: https://design.werklist.com/resources/downloads
  • Version: 2.1.2

Rules

  • Wordmark: /brand/werklist-logo-black.svg for white and light backgrounds, /brand/werklist-logo-white.svg for dark backgrounds.
  • Mark alone, for small spaces such as an avatar or a favicon: /brand/werklist-mark-black.svg and /brand/werklist-mark-white.svg.
  • Use the logo files as they are. A partner reads the usage terms at /resources/usage-terms first.
  • Token files: /tokens/werklist-tokens.css holds every token as a CSS custom property, with values for both themes.
  • /tokens/werklist-tokens.json holds the same tokens as JSON in the W3C design tokens format.
  • /tokens/werklist-tokens.print.css holds the tokens a printed page needs, with light values only.
  • Link the CSS file and set data-theme to light or dark on the html element.
  • Brand deck: the PDF at /brand/werklist-brand-deck-v2.1.pdf, to send or to print, and the slides at /deck, to present from the browser.

JSON

{
  "title": "Downloads",
  "path": "/resources/downloads",
  "url": "https://design.werklist.com/resources/downloads",
  "text": "https://design.werklist.com/agent/resources/downloads",
  "summary": "The Werklist logo files and the design tokens to download, and the brand deck.",
  "version": "2.1.2",
  "kind": "resource",
  "name": "Downloads",
  "purpose": "The Werklist logo files and the design tokens to download, and the brand deck.",
  "rules": [
    "Wordmark: /brand/werklist-logo-black.svg for white and light backgrounds, /brand/werklist-logo-white.svg for dark backgrounds.",
    "Mark alone, for small spaces such as an avatar or a favicon: /brand/werklist-mark-black.svg and /brand/werklist-mark-white.svg.",
    "Use the logo files as they are. A partner reads the usage terms at /resources/usage-terms first.",
    "Token files: /tokens/werklist-tokens.css holds every token as a CSS custom property, with values for both themes.",
    "/tokens/werklist-tokens.json holds the same tokens as JSON in the W3C design tokens format.",
    "/tokens/werklist-tokens.print.css holds the tokens a printed page needs, with light values only.",
    "Link the CSS file and set data-theme to light or dark on the html element.",
    "Brand deck: the PDF at /brand/werklist-brand-deck-v2.1.pdf, to send or to print, and the slides at /deck, to present from the browser."
  ]
}

Raw file: https://design.werklist.com/agent/resources/downloads