What is SLDS?
SLDS stands for -> Salesforce Lightning Design System. It is a CSS framework that helps designers and developers create better user interfaces for Salesforce applications. SLDS gives users access to the same icons, color palettes, and fonts that Salesforce developers use.
Where you can use
Use the SLDS CSS framework with any tech stack you can dream up, or you can take advantage of using SLDS with Salesforce technologies including Lightning Web Components, Aura, and Visualforce.
- Consistent look and feel
SLDS helps ensure that applications built with Salesforce have a consistent look and feel.
-
Open-source
SLDS is open-source, so users don’t need to adopt a specific framework to use it.
-
Updates with Salesforce releases
SLDS receives UI updates with every new release of the Salesforce platform.
- Implementation-agnostic
<lightning-card title=“Form” icon-name=“standard:form“>
<div class=“slds-grid slds-gutters_x-small slds-p-around_small“>
<lightning-input type=“text” label=“First Name” name=“FirstName” class=“slds-col slds-size_1-of-3“></lightning-input>
<lightning-input type=“text” label=“Last Name” name=“LastName” class=“slds-col slds-size_2-of-3“></lightning-input>
</div>
</lightning-card>
</template>


He is a technology evangelist, Salesforce trainer, blogger, and working as a Salesforce Technical Lead. After working in Java based project implementation, he jumped to the Salesforce system on a whim and never looked back. He fell in love with Salesforce’s flexibility, scalability, and power. He expanded his knowledge of the platform and became a Certified App Builder, Administrator, Platform Developer I, II, SalesCloud Consultant, total 11 x certified while leading the Salesforce implementation and technology needs. He has worked in a wide variety of applications/services like desktop, web and mobile applications.