SLDS was published by Salesforce before Dreamforce this year and is rapidly becoming a go to tool in our development toolbox. For our client IBX, we moved some key interfaces to SLDS and created a gorgeous, responsive interface – without an SLDS-provided javascript library – in no time at all.

The user requirements included a need for the end user to print a nice format of the data shown on the screen. We accomplished that with a very quick addition of a CSS @media print { } style block. Here is a PDF of the printed version.

Rapid prototyping to production quality in no time flat.

Full size:

SLDS Image 1SLDS Image 1


How are you using the Salesforce Lightning Design System? Leave a comment below, email us at [email protected], or tweet to us @codescience.