Cloud Kicks (CK) has not migrated to Lightning Experience but wants to leverage the Salesforce Lightning Design System (SLDS) in its custom…

Cloud Kicks (CK) can use the following three solutions to leverage the Salesforce Lightning Design

System (SLDS) in its custom applications, without migrating to Lightning Experience:

Lightning Stylesheets for Visualforce: This solution allows CK to apply the SLDS styles to its existing

Visualforce pages, without having to rewrite the markup or use a static resource. By adding the

attribute lightningStylesheets="true" to the  tag, CK can automatically transform the

standard Visualforce components into their SLDS equivalents, and give the pages a consistent

Lightning Experience look and feel12.

Standard Design Tokens: This solution allows CK to use the SLDS design tokens, which are predefined

variables that store the visual design attributes of the SLDS, such as colors, fonts, sizes, and spacing.

By using the design tokens, CK can ensure that its custom applications follow the SLDS guidelines and

remain consistent with the Lightning Experience theme. CK can access the design tokens through the

Lightning Design System Scoping tool, or by downloading them as a static resource3 .

Heroku: This solution allows CK to build and deploy its custom applications on Heroku, a cloud

platform that supports various languages and frameworks, such as Node.js, Java, or PHP. By using

Heroku, CK can leverage the SLDS resources, such as the base components, the tokens, and the

design patterns, to create web applications that have a consistent Lightning Experience look and feel.

CK can also use the Lightning Out feature to embed Lightning components into its Heroku

applications, and use the Lightning Web Components framework to create reusable UI elements .

Reference:

[Lightning Stylesheets for Visualforce | Salesforce Trailhead]1

[Lightning Stylesheets for Visualforce | Salesforce Developers]2

[Design Tokens | Lightning Design System]3

[Using Design Tokens | Lightning Aura Components Developer Guide | Salesforce Developers]

[Build Apps with Lightning Design System | Salesforce Trailhead]

[Lightning Web Components | Salesforce Developers]