Skip to main content
Toggle menu
GitLab Design System
Brand
Overview
Logo
Core logo
Logomark
Branded lockups
Brand Design
Color
Typography
Marketing illustrations
Photography
Product
Get started
Contribute
Principles
Structure
Component lifecycle
Foundations
Color
Iconography
Illustration
Interactions
Motion
Saving and feedback
Typography
Fundamentals
Type Scales
Markdown
Layout
Responsive-first
Grid
Layers
Spacing
Components
Overview
Accordion
Alert
Avatar
Badge
Banner
Breadcrumb
Broadcast message
Button
Card
Checkbox
Color picker
Date picker
Drawer
Dropdown
Disclosure
Listbox
Combobox
Menu
File uploader
Filter
Form
Infinite scroll
Label
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
Overview
Color
Charts
Single stat
Mini pipeline graph
Regions
Empty States
Filters
Merge request reports
Navigation
Search
Settings
Objects
Overview
Job
Merge request
Content
Date and Time
Error messages
Punctuation
Terminology
Voice and tone
Usability
Error prevention
Feature management
Helping users
Internationalization
Onboarding users
Progressive disclosure
Design resources
Research
Get started
First look
Personas
Accessibility
Statement of compliance
Inclusive design principles
Best practices
GitLab Accessibility Conformance Report
Audit guides
Accessibility audits
Visual
Semantics and content
Keyboard-only
Screen readers
Overview
Usage
Implementation
Loading story...
Last updated at:
Monday, July 4, 2022 at 3:05 PM