Salesforce Lightning Design System

Salesforce Lightning / 2015– / Style / Platform Screen Languages

Salesforce's interface language for record-centered business work, organizing objects, actions and status into repeatable workspace patterns.

Object headers with compact metadata / Tabs, cards and activity timelines / Cloud blue with semantic status colors / Dense forms and record tables

Images at the source page

Dictionary entry

Best used for
CRM and case-management interfaces · Giving many business objects a common operating model
Type
Keep labels plain and metadata compact, with action verbs leading controls.
Composition
Place the record identity first, primary actions beside it, then tabs and related panels.
Material
Use white cards, pale neutral grounds and color only for action or status.
Caution
A field of unrelated cards becomes a dashboard with no object model. Make the record and next action unmistakable.
Further study
Lightning Design System foundations / Record home patterns / Design tokens and accessibility

Related entries

Cite this entry

The dictionary is meant to be linked to. Take whichever form fits where you are writing.

Link
https://indexstyle.org/styles/salesforce-lightning
Markdown
[Salesforce Lightning Design System — IndexStyle](https://indexstyle.org/styles/salesforce-lightning)
HTML
<a href="https://indexstyle.org/styles/salesforce-lightning">Salesforce Lightning Design System — IndexStyle</a>

Back to index position