{"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"},"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"]},"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."}}