No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Sketch
readme-images
.DS_Store
README.md

README.md

Pluralsight Design System Assets

This repository contains shared resource files and documentation for design purposes.

If you are looking for the Design System, visit design-system.pluralsight.com.

Sketch Libaries

What are Libraries?

  • 1️⃣ Open Preferences in Sketch.
  • 2️⃣ Select Libraries tab.
  • 3️⃣ Click Add Library…
  • 4️⃣ Make sure you have Google Drive set up and the Design folder synced to your local drive.
  • 5️⃣ Navigate to Product > Design > PS Design System - Libraries >
  • 6️⃣ Select any applicable libraries to install.
Library Contents
PSDS - Core.sketch Color swatches for overrides, UI icons
PSDS - Web.sketch Components for web (imports Core)
PSDS - Extras.sketch Pluralsight logos, Avatars / personas
PSDS - Content Imagery.sketch Content imagery, Topic logos

Sketch UI Kit

Product > Design > PSDS - Web.sketch

PSDS - Web.sketch also contains a UI Kit on the first page which is a collection of shared symbols and pattern composites. It builds on the PSDS libraries and can be used as a visual tool kit from which to copy. Sync the latest version from Google Drive.

Sketch UI Kit

Sketch color palettes

To use the design system color palettes, install the Shared Sketch Palettes plugin.

Download the Pluralsight Sketch palette

  • 1️⃣ After you've installed the plugin, go to Plugins > Sketch Palettes > Clear Palette
  • 2️⃣ Select global/document presets.
  • 3️⃣ Select Plugins > Sketch Palettes > Load Palette
  • 4️⃣ Select PS Design System - Colors.sketchpalette file.
  • 5️⃣ In the source dropdown, select Global
  • 6️⃣ Click Load
  • 7️⃣ Pluralsight UI colors should now appear in your Sketch color picker.

Color palette

Color palette

Fonts

Install any necessary fonts when using design asset files. Font files may be found here:

Product > Design > _Resources > Fonts

View available typographic styles here

Font Info
Gotham SSm Use for all web products. Download from Google Drive
Source Code Pro Use for code / monospace elements.
San Francisco Use for iOS native apps
Roboto Use for Android native apps
Segoe UI Use for Windows native apps
Gotham Print / marketing only. Not for use in web products

Version control and contribution

Changes to design assets are visible through the commit log.

This design-system-assets repo serves as a master collection and source of truth. However, everyday consumption is delivered via Google Drive. Google Drive edit permissions are restricted to control version tracking, and the contents of the master repository are copied nightly to ensure Google Drive contains current versions.

Contribution is tentatively managed via pull requests directly into this repository. This allows tracking of design proposals and changes from anyone. This workflow is under review and additional tooling may be introduced to better handle visual difference.

Version control