Salesforce Lightning Design System

Salesforce Lightning / 2015– / Estilo / Lenguajes de pantalla

El lenguaje de interfaz de Salesforce para el trabajo empresarial centrado en registros organiza objetos, acciones y estados en patrones de espacio de trabajo repetibles.

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 — interpretación generada por IA 1 — Interpretación generada por IA, no una obra de referencia

Salesforce Lightning Design System — interpretación generada por IA 2 — Interpretación generada por IA, no una obra de referencia

De un vistazo

Rasgos visuales

Cabeceras de objeto con metadatos compactos
Pestañas, tarjetas y cronologías de actividad
Azul nube con colores semánticos de estado
Formularios densos y tablas de registros

Usos idóneos

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

Usar este estilo

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

design.md prompt de imagen API JSON MCP y acceso automático Combinar

abrir en ChatGPT abrir en Claude abrir en Google AI

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Entrada del diccionario

Tipografía: Keep labels plain and metadata compact, with action verbs leading controls.
Composición: 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.
Precaución: A field of unrelated cards becomes a dashboard with no object model. Make the record and next action unmistakable.
Para profundizar: Lightning Design System foundations / Record home patterns / Design tokens and accessibility

Entradas relacionadas

Atlassian Design System (Atlassian Design System)Misma familia: Lenguajes de pantalla.Comparar Salesforce Lightning Design System y Atlassian Design System
Ant Design (Ant Design)Misma familia: Lenguajes de pantalla.Comparar Salesforce Lightning Design System y Ant Design

Más de Lenguajes de pantalla

Continúa con estilos de Lenguajes de pantalla, priorizados por sus efectos compartidos.

Shopify Polaris (Shopify Polaris)Efectos compartidos: Trust / Intimacy / Technique.
Ubuntu Yaru (Ubuntu Yaru)Efectos compartidos: Technique / Intimacy / Trust.
Motif (モチーフ)Efectos compartidos: Technique / Trust.

Ver todas las entradas de Lenguajes de pantalla

Citar esta entrada

El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.

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

Volver a su posición en el índice