Develop a Visualforce Page in lightning style with SLDS

As many of customers are moving to lightning, we need to leverage SLDS framework to match the look and feel of visualforce page with the latest lightning styles.

With Spring 17, we dont have to download SLDS framework and include them as static resources in Salesforce. They released apex:SLDS tag to make it hassle free for developers.

Below is a sample code to get started to develop a simple Visualforce page that leverages SLDS framework. You can add custom controller to expand the logic. This examples helps you get started with basics. To learn more features of SLDS framework, please visit https://www.lightningdesignsystem.com/

Sample Visualforce Code

Output