Start of content



Current release: Summer ’20 (SLDS 2.12.2) | Archives
Create the World’s Best Enterprise App Experiences
Design System Fundamentals

Component Blueprints
Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development

Tokens
Visual design values and attributes that ensure branding and UI consistency at scale

Design Guidelines
Design principles and best practices that guide beautiful, consistent, user-friendly product experiences

Tools New!
Easy-to-use tools help all Trailblazers optimize workflows and bring Salesforce ideas to life