In this recipe we will configure a Force.com site that displays a single page. The contents of the page are static, and the page will be publicly available to unauthenticated visitors.
This recipe uses the Salesforce Lightning Design System (SLDS) (https://www.lightningdesignsystem.com/) to style the page. The CSS, icons, and fonts must be uploaded to Salesforce as a static resource.
Note
At the time of writing, the current version of the SLDS is 2.0.2 - if you download a later version and use a different name to that detailed in the following steps, you will need to update the Visualforce pages to use the name that you have chosen.
Set the Cache Control field to Public and click on the Save button.
Click on the Browse button and select the
salesforce-lightning-design-system-2.0.2.zip
file downloaded in step 1.Enter Salesforce Lightning Design System v2.0.2 in the Description field.
Enter
SLDS_2_0_2
in the Name field.Click on the New button.
Navigate to the Static Resource...