diff options
author | sarrahvesselov <svesselov@gitlab.com> | 2017-09-19 22:45:46 +0300 |
---|---|---|
committer | sarrahvesselov <svesselov@gitlab.com> | 2017-09-19 22:45:46 +0300 |
commit | c60eab5a1c57bf1bc355af7a8216398334037402 (patch) | |
tree | 345ade5ac2c55b13f8d6482704590d647d942b8a /doc/development/ux_guide | |
parent | e5b0f2167d341954c72ba885ab3154b158b322a5 (diff) |
added icon image and updated verbiage
Diffstat (limited to 'doc/development/ux_guide')
-rw-r--r-- | doc/development/ux_guide/basics.md | 15 | ||||
-rw-r--r-- | doc/development/ux_guide/img/icon-spec.png | bin | 0 -> 13889 bytes |
2 files changed, 3 insertions, 12 deletions
diff --git a/doc/development/ux_guide/basics.md b/doc/development/ux_guide/basics.md index a436e9b1948..f36126e56eb 100644 --- a/doc/development/ux_guide/basics.md +++ b/doc/development/ux_guide/basics.md @@ -32,19 +32,10 @@ This is the typeface used for code blocks and references to commits, branches, a --- ## Icons -GitLab uses Font Awesome icons throughout our interface. -| | | -| :-----------: | :---- | -| ![Trash icon](img/icon-trash.png) | The trash icon is used for destructive actions that deletes information. | -| ![Edit icon](img/icon-edit.png) | The pencil icon is used for editing content such as comments.| -| ![Notification icon](img/icon-notification.png) | The bell icon is for notifications, such as Todos. | -| ![Subscribe icon](img/icon-subscribe.png) | The eye icon is for subscribing to updates. For example, you can subscribe to a label and get updated on issues with that label. | -| ![RSS icon](img/icon-rss.png) | The standard RSS icon is used for linking to RSS/atom feeds. | -| ![Close icon](img/icon-close.png) | An 'x' is used for closing UI elements such as dropdowns. | -| ![Add icon](img/icon-add.png) | A plus is used when creating new objects, such as issues, projects, etc. | - -> TODO: update this section, add more general guidance to icon usage and personality, etc. +GitLab has a strong and unique personality. When you look at any screen, you should know immediately that this is GitLab. Iconography is a powerful visual cue to the user and should reflect our particular sense of style. + +![Icon sampler](img/icon-spec.png) --- diff --git a/doc/development/ux_guide/img/icon-spec.png b/doc/development/ux_guide/img/icon-spec.png Binary files differnew file mode 100644 index 00000000000..56b19610dc1 --- /dev/null +++ b/doc/development/ux_guide/img/icon-spec.png |