Salesforce released an user interface called Salesforce Lightning Design System as open source. This provides all CSS (Cascading Style Sheets) and Images to create the Standard lightning Component instead of write CSS again for lightning Components. We can build rich enterprise experience and custom applications with the patterns using Salesforce Lightning Design System. To build an application using SLDS we need four types of resources they are
We can defines User Interface components using CSS framework like headers, labels, form elements, layouts, size and other visual adjustments.
It includes PNG and SVG (both individual and spritemap) versions of our action, custom, doctype, standard and utility icons.
New Salesforce Sans font is designed to give distinct visual voice bad personality to a product.
These design variables allow you to tailor aspects of the visual design to match your brand. Customizable variables include colors, fonts, spacing, and sizing.
Who can use Salesforce Lightning Design System?
The new lightning design systems can be used in Visualforce pages, Lightning pages, Lightning components, Mobile Apps and other web applications. Salesforce lightning design system can be used by various Salesforce users like
The Lightning Design System reflects the patterns and components that underpin the Salesforce product. These patterns and components provide a unified language and consistent look and feel when designing apps and products within the Salesforce ecosystem.
=> Download Design System (2.4.1)
The Salesforce Lightning Design System (SLDS) component library is actively developed for Salesforce developers to create a uniform look and feel across all Salesforce applications while adhering to CSS best practices and conventions
Salesforce Lightning Design System is made available to Salesforce lightning components running in Salesforce lightning experience and Salesforce1 mobile application with out adding static resources for lightning components.