Welcome to the Salesforce Lightning Design System brought to you by Salesforce UX.
- 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.
Salesforce Lightning Design System web site
- assets/
- fonts/ - the Salesforce Sans font
- 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)
- (The scoped files for -vf and -ltng have been removed from the download. If you still need a scoped file, a custom scoped file should be built using the file scoping tool)
- 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.ase
- salesforce-lightning-design-system.clr - adobe and ios swatch formats, respectively. See https://helpx.adobe.com/photoshop/using/customizing-color-pickers-swatches.html
- Source code is licensed under BSD 3-Clause
- All icons and images are licensed under Creative Commons Attribution-NoDerivatives 4.0
- The Salesforce Sans font is licensed under our font license