Lightning Design System (SLDS) in Visualforce pages
Salesforce Lightning Design System provides a set of CSS classes and design guidelines that allow you to create user interfaces that are consistent with the Salesforce Lightning Experience. You can use the Lightning Design System (SLDS) to build Visualforce pages that match the look and feel of the Salesforce mobile app. To use SLDS, it takes some tweaks in your code and a few things to remember. Visualforce Page with SLDS <apex:page applyHtmlTag="false" applyBodyTag="false"> <html lang="en"> <head> <title>SLDS Example in Visualforce</title> <apex:slds /> </head> <body> <div class="slds-scope"> <div class="slds-grid slds-grid_vertical"> <div class="slds-col slds-size_1-of-2"> ...