summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHazel <hazel@gitlab.com>2017-08-21 14:19:26 +0800
committerHazel <hazel@gitlab.com>2017-08-21 14:19:26 +0800
commitb16b6ea32aa81b2105aa72df4317f4fa15b8d1df (patch)
tree6e333ce1d92d25d233f6fe8a472bbf5c6c2d6009
parent9e5e0925023cfe034f2e55642931c510c95cf2a3 (diff)
downloadgitlab-ce-31113-add-guidelines-for-illustrations.tar.gz
-rw-r--r--doc/development/ux_guide/illustrations.md8
1 files changed, 4 insertions, 4 deletions
diff --git a/doc/development/ux_guide/illustrations.md b/doc/development/ux_guide/illustrations.md
index 65497e50d8a..7e16c300921 100644
--- a/doc/development/ux_guide/illustrations.md
+++ b/doc/development/ux_guide/illustrations.md
@@ -43,9 +43,9 @@ Depends on the situation, the illustration size can be the 3 types below:
**Large**
* Use case: Empty states, error pages(e.g. 404, 403)
* For vertical layout, the illustration should not larger than **430*300 px**.
-* For horizontal layout, the illustration should not larger than **430*380 px**
+* For horizontal layout, the illustration should not larger than **430*380 px**.
-| Vertocal layout | Horizontal layout |
+| Vertical layout | Horizontal layout |
| --------------- | ----------------- |
| <img src="img/illustration-size-large-vertical.png" /> | <img src="img/illustration-size-large-horizontal.png" />
@@ -57,8 +57,8 @@ Depends on the situation, the illustration size can be the 3 types below:
<img src="img/illustration-size-medium.png" width=983px />
**Small**
-* Use case: Graphics for explanatory text, graphics for status
-* The illustration should not larger than **160*90 px**
+* Use case: Graphics for explanatory text, graphics for status.
+* The illustration should not larger than **160*90 px**.
* The illustration should keep simple and clear. We recommend not including too many elements in the small size illustration.
<img src="img/illustration-size-small.png" width=983px />