diff options
| author | Hazel Yang <hazel@gitlab.com> | 2017-05-19 08:21:27 +0300 |
|---|---|---|
| committer | tauriedavis <taurie@gitlab.com> | 2017-09-22 18:57:51 +0300 |
| commit | 55a6d20a7ee7dc4f42baa2b5155f80609ca1452b (patch) | |
| tree | 591d016161e16d9fa67f5267b5fd22f184a6ae44 /doc/development/ux_guide | |
| parent | a331d7603a3466ff602cddc2a3c5e95385adc5fe (diff) | |
Update illustrations.md
Diffstat (limited to 'doc/development/ux_guide')
| -rw-r--r-- | doc/development/ux_guide/illustrations.md | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/doc/development/ux_guide/illustrations.md b/doc/development/ux_guide/illustrations.md index 89547b2352d..5e7d243805d 100644 --- a/doc/development/ux_guide/illustrations.md +++ b/doc/development/ux_guide/illustrations.md @@ -27,7 +27,10 @@ The illustrations should always align with topics and goals in specific context. - Depends on different situations, border thickness can be changed to **3px**. For example, when the illustration size is small, the illustration with 4px border thickness would look tight. In this case, the border thickness can be changed to 3px. - We use **rounded caps** and **rounded corner**. -![example-caps-and-corner]() +| Do | Don't | +| -------- | -------- | +| ![example-caps-and-corner--do]() | ![example-caps-and-corner--dont]() | + #### Radius - Standard corner radius: **10px** @@ -35,15 +38,16 @@ The illustrations should always align with topics and goals in specific context. ![example-radius]() -#### Colors +#### Colors palette + +For consistency, we suggest to pick the colors from the color palette. | Orange | Purple | Grey | | -------- | -------- | -------- | | ![color-orange]() | ![color-purple]() | ![color-grey]() | | #FC6D26 | #6B4FBB | #EEEEEE | -##### Color palette -For consistency, we suggest to pick the colors from the color palette. + | Orange | Purple | | -------- | -------- | |