www.lightningdesignsystem.com

• property: og:title content: Lightning Design System 2
• name: twitter:title content: Lightning Design System 2
• property: og:type content: website
• name: twitter:card content: summary_large_image
• property: og:image content: https://zeroheight.com/api/styleguide/110611/themes/2856/cover_image
• name: twitter:image content: https://zeroheight.com/api/styleguide/110611/themes/2856/cover_image
• name: viewport content: width=device-width, initial-scale=1, maximum-scale=1
• name: referrer content: origin
• name: description content: Lightning Design System 2 · Design system documentation, made with zeroheight
• property: og:description content: Lightning Design System 2 · Design system documentation, made with zeroheight
• name: twitter:description content: Lightning Design System 2 · Design system documentation, made with zeroheight
• name: csrf-param content: authenticity_token
• name: csrf-token content: tUPoyOjH_Ar5i8e-2xggtCgFkAy4IIPYMzXYJJGUML6sVJZGjuOlaUXWXhN8KQLQndc_FtQvXUcCUvFLm1jj4Q

• http://www.lightningdesignsystem.com/#
• Transition to SLDS 2
• Admins
• Designers
• Developers
• Learn More
• Glossary
• FAQs
• AI Tools
• Vibe Coding and SLDS
• Design Phase
• Prompt Elements
• Prompting Techniques
• Testing and Evaluation Phase
• Refinement Phase
• Conversation Design
• Glossary
• Icons
• Color
• Typography
• Spacing and Sizing
• Display Density
• Borders and Radius
• Shadows
• Illustrations
• Best Practices
• Global Styling Hooks
• Alignment
• Border
• Box
• Description List
• Float
• Grid
• Horizontal List
• Hyphenation
• Interactions
• Layout
• Line Clamp
• Margin
• Media Object
• Name Value List
• Padding
• Position
• Print
• Scrollable
• Sizing
• Text
• Truncation
• Vertical List
• Visibility
• Accordion
• Avatar
• Badge
• Breadcrumbs
• Button
• Button Groups
• Button Icons
• Cards 
• Carousel
• Checkbox
• Checkbox Button
• Checkbox Toggle
• Color Picker
• Combobox
• Data Table
• Datepicker
• Datetime Picker
• Dynamic Icons
• Dual Listbox
• Empty State
• File Selector
• Form Element
• Icons
• Input
• Map
• Menu
• Modals
• Pills
• Progress Indicator
• Progress Bar
• Progress Ring
• Prompt
• Radio Button Group
• Radio Group
• Rich Text Editor
• Scoped Tabs
• Select
• Slider
• Spinners
• Textarea
• Tabs
• Tiles
• Timepicker
• Toast
• Tooltip
• Tree
• Tree Grid
• Vertical Navigation
• Configuration
• Canvas
• Click to Create
• Connectors
• Drag and Drop
• Header
• Layout
• Modals
• Nodes
• Panels
• Popover
• Validation
• Zoom Controls
• Data Entry
• Displaying Data
• Charts
• Metric Display
• In App Feedback
• Layout
• Loading
• Localization
• Markup and Style
• Messaging UI
• Navigation
• Rules, Filters, and Logic
• Notifications
• Interface Feedback
• Global Search
• In-Context Search
• User Engagement
• Text and Color Contrast
• Global Focus
• Keyboard Interaction
• Mobile Design
• Global Accessibility Standards 
• Designer Tools
• SLDS Linter
• SLDS Validator
• SLDS Scope Customizer
• https://www.lightningdesignsystem.com/2e1ef8501/p/76969d
• https://www.lightningdesignsystem.com/2e1ef8501/p/8184ad
• https://www.lightningdesignsystem.com/2e1ef8501/p/771012
• https://www.lightningdesignsystem.com/2e1ef8501/p/874349
• https://www.lightningdesignsystem.com/2e1ef8501/p/547b38
• https://www.lightningdesignsystem.com/2e1ef8501/p/52a7c7
• https://www.lightningdesignsystem.com/2e1ef8501/p/03c548

• our policy
• https://www.linkedin.com/showcase/salesforce-designers/posts/?feedView=all
• https://trailhead.salesforce.com/trailblazer-community/groups/0F94S000000GvbxSAC
• https://trailhead.salesforce.com/trailblazer-community/groups/0F93A000000DJbJSAW?tab=discussion&sort=LAST_MODIFIED_DATE_DESC
• https://ideas.salesforce.com/s/roadmap/a0V8W00000VMovLUAT/design-systems
• https://www.salesforce.com/company/legal/sfdc-website-terms-of-service.jsp?_gl=1*1hmj806*_ga*Mjc2NzgwODEuMTcxOTM0MjYyNg..*_ga_HPRCE01J19*MTczNzczNjQyNy40NjAuMS4xNzM3NzM2OTA2LjAuMC4w
• https://www.salesforce.com/company/privacy/?_gl=1*1dacbwz*_ga*Mjc2NzgwODEuMTcxOTM0MjYyNg..*_ga_HPRCE01J19*MTczNzczNjQyNy40NjAuMS4xNzM3NzM2OTA2LjAuMC4w
• https://www.salesforce.com/company/disclosure/?_gl=1*1dacbwz*_ga*Mjc2NzgwODEuMTcxOTM0MjYyNg..*_ga_HPRCE01J19*MTczNzczNjQyNy40NjAuMS4xNzM3NzM2OTA2LjAuMC4w
• https://trust.salesforce.com/
• https://www.salesforce.com/form/other/privacy-request/?_gl=1*1octhpn*_ga*Mjc2NzgwODEuMTcxOTM0MjYyNg..*_ga_HPRCE01J19*MTczNzczOTc1MS40NjEuMC4xNzM3NzM5NzYyLjAuMC4w
• https://www.salesforce.com/company/legal/intellectual/?_gl=1*1s53drv*_ga*Mjc2NzgwODEuMTcxOTM0MjYyNg..*_ga_HPRCE01J19*MTczNzczOTc1MS40NjEuMS4xNzM3NzM5ODM1LjAuMC4w

            Domain Name: LIGHTNINGDESIGNSYSTEM.COM
Registrar: MarkMonitor Inc.
Domain Status: client delete prohibited
Domain Status: client transfer prohibited
Domain Status: client update prohibited
Creation Date: 2015-08-06T14:39:31Z
Registry Expiry Date: 2027-08-06T14:39:31Z
Updated Date: 2025-07-05T09:09:01Z
Name Server: DNS01.SALESFORCE.COM
Name Server: DNS02.SALESFORCE.COM
Name Server: DNS03.SALESFORCE.COM
Name Server: DNS04.SALESFORCE.COM
Name Server: DNS05.SALESFORCE.COM
Name Server: DNS06.SALESFORCE.COM
REGISTRAR Contact: MarkMonitor Inc.
>>> Last update of RDAP database: 2026-03-18T00:30:14Z         

			# See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
#
# To ban all spiders from the entire site uncomment the next two lines:
# User-agent: *
# Disallow: /
        

Teknisk SEO

On-Page SEO

Innhold og UX