Could you please provide main steps of "lightning ready" certification? Which checks application should be involved in before "lightning ready" certification? We have an application with several custom visualforce pages and canvas app. Visual force pages are using bootstrap. Is it mandatory to use Salesforce Lightning Design System framework instead of bootstrap?

2 Answers 2


I don't think you will need to worry about Canvas App being embedded in your visualforce for passing through lightning ready certification for your application .Since canvas app is essentially a mashup with external system,you don't have to match CSS with lightning design system .

For lightning Ready Certification, here are key things SFDC looks in your application :

  1. Use SLDS Design Systems for CSS in your visualforce.This is mandatory .With Bootstrap I doubt you will be able to certify your app to lightning ready .There is significant difference in both Frameworks. SLDS uses SVGs for icons .

  2. Test for supported browsers .(IE,Firefox,Chrome,Safari)

  3. Make sure your app is responsive and at a viewport minimum of 1024px wide and a maximum of 1920px wide. Make sure that your app responds elegantly when the left-hand nav opens and closes

  4. Do use the new Salesforce Sans typeface. It should not be accompanied by any other typeface, with the exception of your logotype.

  5. Try to Align with Basic Page Layouts like salesforce Edit ,List view and Detail View on Lightning experience .

In short your App should be functional in Lightning Experience and the CSS should match as closely as possible to Lightning Experience .

Here is a little screenshot on how the badge looks for apps that are lightning ready and ones that are not.

enter image description here

  • I see a negative vote without comments on why this is negatively voted .This info i have put together from my notes once I attended presentation from SFDC on it . Mar 15, 2016 at 2:27
  • 1
    Can't say I understand what you're laying out here 100%, but I don't agree with the downvote either, so +1.
    – Adrian Larson
    Mar 15, 2016 at 3:51
  • For mailchimp app. They still have old-style VisualForce page for setup
    – pklochkov
    Mar 15, 2016 at 15:13
  • @pklochkov Thats ok to have as it is for admin .All that matters is what your end users or sales rep see . Mar 15, 2016 at 15:15
  • @MohithShrivastava If you have a link to that presentation (if it has been published) please add it.
    – Keith C
    Nov 18, 2016 at 13:50

To earn Lightning ready badge your application should contain screenshots of how it works in Lightning Experience. Then you can post a case to SF and get your Lightning Ready badge

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .