Salesforce Lightning Design System

Salesforce Lightning / 2015– / Style / Langages d'écran

Le langage d'interface de Salesforce pour le travail centré sur les fiches organise objets, actions et états en modèles d'espace de travail répétables.

Salesforce Lightning Design System — Salesforce Lightning Design System — official previewer documentation image, unmodified — Copyright (c) 2015-present, Salesforce.com, Inc. / CC BY-ND 4.0 — Salesforce Lightning Design System — official previewer documentation image, unmodified — Copyright (c) 2015-present, Salesforce.com, Inc. / CC BY-ND 4.0 · CC BY-ND 4.0

Salesforce Lightning Design System — interprétation générée par IA 1 — Interprétation générée par IA, pas une œuvre de référence

Salesforce Lightning Design System — interprétation générée par IA 2 — Interprétation générée par IA, pas une œuvre de référence

En un coup d’œil

Signes visuels

En-têtes d'objet aux métadonnées compactes
Onglets, cartes et chronologies d'activité
Bleu nuage et couleurs d'état sémantiques
Formulaires denses et tableaux de fiches

Usages idéaux

CRM and case-management interfaces
Giving many business objects a common operating model

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

design.md prompt d’image API JSON MCP et accès machine Composer

ouvrir dans ChatGPT ouvrir dans Claude ouvrir dans Google AI

Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie: 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.
Matière: Use white cards, pale neutral grounds and color only for action or status.
Précaution: A field of unrelated cards becomes a dashboard with no object model. Make the record and next action unmistakable.
Pour approfondir: Lightning Design System foundations / Record home patterns / Design tokens and accessibility

Entrées liées

Atlassian Design System (Atlassian Design System)Même famille : Langages d'écran.Comparer Salesforce Lightning Design System et Atlassian Design System
Ant Design (Ant Design)Même famille : Langages d'écran.Comparer Salesforce Lightning Design System et Ant Design

Plus de Langages d'écran

Poursuivez avec des styles de Langages d'écran, classés par effets communs.

Shopify Polaris (Shopify Polaris)Effets partagés : Trust / Intimacy / Technique.
Ubuntu Yaru (Ubuntu Yaru)Effets partagés : Technique / Intimacy / Trust.
Motif (モチーフ)Effets partagés : Technique / Trust.

Voir toutes les entrées Langages d'écran

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

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

Revenir à sa position dans l’index