diff --git a/doc/development/ux_guide/img/illustrations-border-radius.png b/doc/development/ux_guide/img/illustrations-border-radius.png
new file mode 100755
index 00000000000..4e2fef5c7f5
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-border-radius.png differ
diff --git a/doc/development/ux_guide/img/illustrations-caps-do.png b/doc/development/ux_guide/img/illustrations-caps-do.png
new file mode 100755
index 00000000000..7a2c74382f6
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-caps-do.png differ
diff --git a/doc/development/ux_guide/img/illustrations-caps-don't.png b/doc/development/ux_guide/img/illustrations-caps-don't.png
new file mode 100755
index 00000000000..848f72dbe30
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-caps-don't.png differ
diff --git a/doc/development/ux_guide/img/illustrations-color-grey.png b/doc/development/ux_guide/img/illustrations-color-grey.png
new file mode 100755
index 00000000000..63855026c2b
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-color-grey.png differ
diff --git a/doc/development/ux_guide/img/illustrations-color-orange.png b/doc/development/ux_guide/img/illustrations-color-orange.png
new file mode 100755
index 00000000000..96765c8c28c
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-color-orange.png differ
diff --git a/doc/development/ux_guide/img/illustrations-color-purple.png b/doc/development/ux_guide/img/illustrations-color-purple.png
new file mode 100755
index 00000000000..745d2c853ba
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-color-purple.png differ
diff --git a/doc/development/ux_guide/img/illustrations-geometric.png b/doc/development/ux_guide/img/illustrations-geometric.png
new file mode 100755
index 00000000000..33f05547bac
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-geometric.png differ
diff --git a/doc/development/ux_guide/img/illustrations-palette-oragne.png b/doc/development/ux_guide/img/illustrations-palette-oragne.png
new file mode 100755
index 00000000000..58df4459c24
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-palette-oragne.png differ
diff --git a/doc/development/ux_guide/img/illustrations-palette-purple.png b/doc/development/ux_guide/img/illustrations-palette-purple.png
new file mode 100755
index 00000000000..da5c1e245c9
Binary files /dev/null and b/doc/development/ux_guide/img/illustrations-palette-purple.png differ