{"id":"salesforce-lightning","no":555,"name":"Salesforce Lightning Design System","ja":"Salesforce Lightning","era":"2015–","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 29","addedAt":"2026-08-22","source":{"title":"Salesforce Lightning Design System","url":"https://www.lightningdesignsystem.com/"},"reference":{"status":"verified","pageUrl":"https://www.lightningdesignsystem.com/","credit":"Salesforce Lightning Design System","gallery":[{"imageUrl":"/reference/official/salesforce-lightning-7.png","pageUrl":"https://github.com/salesforce-ux/design-system/blob/9bc6a4046d10d95b4f3fb9cee7c7dc036bf43ad2/docs/previewer.png","credit":"Salesforce Lightning Design System — official previewer documentation image, unmodified — Copyright (c) 2015-present, Salesforce.com, Inc. / CC BY-ND 4.0"}]},"essence":"営業、顧客、案件、活動という大量の業務情報を、カード、関連リスト、状態パス、再利用部品で一つの操作言語へまとめるSalesforceのデザインシステム。","cues":["淡い灰の地に白いカードを積む","青いヘッダーと主操作","案件の段階を横一列のパスで示す","レコード、関連情報、活動を別パネルへ分ける"],"intents":["信頼","技術","親密"],"works":["CRMや営業支援で一人の顧客に関する情報を集約するとき","業務の段階と次の行動を同じ画面で明確にするとき"],"recipe":{"type":"短いラベルと数値を中心に、見出しよりフィールド名の判別を優先する。","layout":"上部に状態と主要操作、下部にレコードと関連情報のカードを配置する。","material":"淡い灰、白い面、Salesforce Blueを基礎に、段階と状態の色を固定する。"},"avoid":"関連カードを増やし続けると顧客の現在地が埋もれる。上部の要約と次の行動を先に絞る。","colors":["#F3F3F3","#0176D3","#181818"],"motif":"ui","pair":["atlassian-design-system","ant-design"],"study":["record pageの構造","Pathによる進行表示","design tokensとLightning components"],"en":{"essence":"Salesforce's interface language for record-centered business work, organizing objects, actions and status into repeatable workspace patterns.","cues":["Object headers with compact metadata","Tabs, cards and activity timelines","Cloud blue with semantic status colors","Dense forms and record tables"],"works":["CRM and case-management interfaces","Giving many business objects a common operating model"],"recipe":{"type":"Keep labels plain and metadata compact, with action verbs leading controls.","layout":"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."},"avoid":"A field of unrelated cards becomes a dashboard with no object model. Make the record and next action unmistakable.","study":["Lightning Design System foundations","Record home patterns","Design tokens and accessibility"]},"links":{"page":"https://indexstyle.org/styles/salesforce-lightning","json":"https://indexstyle.org/api/styles/salesforce-lightning","designSpec":"https://indexstyle.org/styles/salesforce-lightning/design.md","imagePrompt":"https://indexstyle.org/styles/salesforce-lightning/prompt.txt"},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}