Toggle menu
GitLab Design System
Brand
Basics
Resources
Product
Get started
Principles
Structure
Foundations
Color
Iconography
Illustration
Interactions
Motion
Saving and feedback
Typography
Layout
Grid
Layers
Spacing
Components
Status
Accordion
Alert
Avatar
Badge
Banner
Breadcrumb
Broadcast message
Button
Card
Checkbox
Date picker
Drawer
Dropdown
File uploader
Filter
Form
Infinite scroll
Label
List
Modal
Pagination
Path
Popover
Progress bar
Radio button
Search
Segmented control
Skeleton loader
Socks
Sorting
Spinner
Table
Tabs
Toast
Toggle
Token
Tooltip
Tree
Data visualization
Charts
Color
Overview
Single stat
Regions
Empty States
Filters
Navigation
Search
Settings
Objects
Merge request
Report
Content
Error messages
Punctuation
Terminology
Voice and tone
Usability
Error prevention
Helping users
Internationalization
Onboarding users
Design resources
Research
Get started
First Look
Personas
Accessibility
Statement of compliance
Best practices
GitLab Accessibility Conformance Report
Audit guides
Accessibility audits
Keyboard-only
Screen readers
Visual
Content
Contribute
Get started
Component lifecycle