Skip to content
Snippets Groups Projects
Select Git revision
  • move-gl-dropdown
  • improve-table-pagination-spec
  • move-markdown-preview
  • winh-fix-merge-request-spec
  • master default
  • index-namespaces-lower-name
  • winh-single-karma-test
  • 10-3-stable
  • 36782-replace-team-user-role-with-add_role-user-in-specs
  • winh-modal-internal-state
  • tz-ide-file-icons
  • 38869-milestone-select
  • update-autodevops-template
  • jivl-activate-repo-cookie-preferences
  • qa-add-deploy-key
  • docs-move-article-ldap
  • 40780-choose-file
  • 22643-manual-job-page
  • refactor-cluster-show-page-conservative
  • dm-sidekiq-versioning
  • v10.4.0.pre
  • v10.3.0
  • v10.3.0-rc5
  • v10.3.0-rc4
  • v10.3.0-rc3
  • v10.3.0-rc2
  • v10.2.5
  • v10.3.0-rc1
  • v10.0.7
  • v10.1.5
  • v10.2.4
  • v10.2.3
  • v10.2.2
  • v10.2.1
  • v10.3.0.pre
  • v10.2.0
  • v10.2.0-rc4
  • v10.2.0-rc3
  • v10.1.4
  • v10.2.0-rc2
40 results

ux_guide

  • Clone with SSH
  • Clone with HTTPS
    • Forked from GitLab.org / GitLab FOSS
    2 commits behind, 5070 commits ahead of the upstream repository.
    Name Last commit Last update
    ..
    img
    animation.md
    basics.md
    components.md
    copy.md
    features.md
    index.md
    principles.md
    resources.md
    surfaces.md
    tips.md
    users.md
    index.md

    GitLab UX Guide

    The goal of this guide is to provide standards, principles and in-depth information to design beautiful and effective GitLab features. This will be a living document, and we welcome contributions, feedback and suggestions.

    Design

    Principles

    These guiding principles set a solid foundation for our design system, and should remain relatively stable over multiple releases. They should be referenced as new design patterns are created.

    Basics

    The basic ingredients of our experience establish our personality and feel. This section includes details about typography, iconography, and color.

    Animation

    Guidance on the timing, curving and motion for GitLab.

    Copy

    Conventions on text and messaging within labels, buttons, and other components.

    Components

    Components are the controls that make up the GitLab experience, including guidance around buttons, links, dropdowns, etc.

    Surfaces

    The GitLab experience is broken apart into several surfaces. Each of these surfaces is designated for a specific scope or type of content. Examples include the header, global menu, side pane, etc.

    Features

    The previous building blocks are combined into complete features in the GitLab UX. Examples include our navigation, filters, search results, and empty states.

    Research

    Users

    How we think about the variety of users of GitLab, from small to large teams, comparing opensource usage to enterprise, etc.

    Other

    Tips for designers

    Tips for exporting assets, and other guidance.

    Resources

    Resources for GitLab UX