Commit e4f52e08 authored by Achilleas Pipinellis's avatar Achilleas Pipinellis

Merge branch 'docs-ux-guide-port-ce-to-ee' into 'master'

UX guide update w/ new icon set

See merge request gitlab-org/gitlab-ee!2990
parents 496d6685 95eb4fe0
...@@ -32,19 +32,17 @@ This is the typeface used for code blocks and references to commits, branches, a ...@@ -32,19 +32,17 @@ This is the typeface used for code blocks and references to commits, branches, a
--- ---
## Icons ## Icons
GitLab uses Font Awesome icons throughout our interface.
| | | GitLab has a strong, unique personality. When you look at any screen, you should know immediately know that it is GitLab.
| :-----------: | :---- | Iconography is a powerful visual cue to the user and is a great way for us to reflect our particular sense of style.
| ![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.| - **Standard size:** 16px * 16px
| ![Notification icon](img/icon-notification.png) | The bell icon is for notifications, such as Todos. | - **Border thickness:** 2px
| ![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. | - **Border radius:** 3px
| ![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. | ![Icon sampler](img/icon-spec.png)
| ![Add icon](img/icon-add.png) | A plus is used when creating new objects, such as issues, projects, etc. |
> TODO: List all icons, proper usage, hover, and active states.
> TODO: update this section, add more general guidance to icon usage and personality, etc.
--- ---
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment