[ci skip] UX Guide: Add new primary and secondary text colorsux-guide-text-color

3 files changed, 7 insertions, 0 deletions

diff --git a/doc/development/ux_guide/basics.md b/doc/development/ux_guide/basics.md
index 76ec7fd466b..259b214bd59 100644
--- a/doc/development/ux_guide/basics.md
+++ b/doc/development/ux_guide/basics.md
@@ -58,6 +58,13 @@ GitLab uses Font Awesome icons throughout our interface.
 | ![Red](img/color-red.png) | Closed | Delete and other destructive commands |
 | ![Grey](img/color-grey.png) | Neutral | Neutral secondary commands |
 
+### Text colors
+
+|||
+| :---: | :--- |
+| ![Text primary](img/color-textprimary.png) | Used for primary body text, such as issue description and comment |
+| ![Text secondary](img/color-textsecondary.png) | Used for secondary body text, such as username and date |
+
 > TODO: Establish a perspective for color in terms of our personality and rationalize with Marketing usage.
 
 ---
diff --git a/doc/development/ux_guide/img/color-textprimary.png b/doc/development/ux_guide/img/color-textprimary.png
new file mode 100644
index 00000000000..90f2821f0cf
--- /dev/null
+++ b/doc/development/ux_guide/img/color-textprimary.png
diff --git a/doc/development/ux_guide/img/color-textsecondary.png b/doc/development/ux_guide/img/color-textsecondary.png
new file mode 100644
index 00000000000..61cb8a13c45
--- /dev/null
+++ b/doc/development/ux_guide/img/color-textsecondary.png