Foundations
Foundational items communicate the opinionated way in which basic visual design attributes, elements, and concepts come together to create a distinct GitLab personality that's expressed in the UI. For example, color, typography, and iconography.
- Animated icon Part of the extended design system layer The Animated Icon component is used to display animated visual representations that enhance user experience by conveying actions, statuses, or interactive elements more effectively than static icons. It is intended for dynamic visual feedback in the UI.
- Animation fundamentals Part of the extended design system layer
- Border
- Color
- Creating illustrations
- Design token directory
- Design tokens overview
- Design tokens technical implementation
- Design tokens usage guide
- Elevation
- Exporting illustrations
- Feedback animation Part of the extended design system layer
- Headings
- Iconography
- Iconography directory
- Illustration
- Illustration directory
- Layout
- Markdown
- Reading design tokens
- Spacing
- Tailwind utilities
- Type fundamentals