Lightning Design System

Version: 2.29.0

Salesforce Lightning Design System 1

Welcome to Salesforce Lightning Design System 1 brought to you by Salesforce UX](https://linkedin.com/showcase/salesforce-designers).

• Tailored for building Salesforce apps: Using the Lightning Design System markup and CSS framework results in UIs that reflect the Salesforce Lightning look and feel.
• Continuously updated: As long as you’re using the latest version of the Lightning Design System, your pages are always up to date with Salesforce UI changes.

Documentation

Salesforce Lightning Design System 1 web site

Contents

• assets/
  • icons/ - PNG, SVG and SVG spritemap versions of icons
  • images/ - including spinners
  • styles/
    • salesforce-lightning-design-system.css (regular CSS — which should not be used within a component that already has access to the SLDS CSS within the platform — please use the scoping tool mentioned below)
    • salesforce-lightning-design-system.min.css (minified CSS)
• design-tokens/dist/ - the Design Tokens, usable in all formats
• scss/ - the Sass source for the Lightning Design System CSS
• swatches/
  • salesforce-lightning-design-system.clr - adobe and ios swatch formats, respectively. See https://helpx.adobe.com/photoshop/using/customizing-color-pickers-swatches.html

Licenses

• Source code is licensed under BSD 3-Clause
• All icons and images are licensed under Creative Commons Attribution-NoDerivatives 4.0