diff --git a/developer_manual/images/action-menu-checkbox.png b/developer_manual/images/action-menu-checkbox.png
new file mode 100644
index 000000000..744c04eb2
Binary files /dev/null and b/developer_manual/images/action-menu-checkbox.png differ
diff --git a/developer_manual/images/action-menu-icon.png b/developer_manual/images/action-menu-icon.png
new file mode 100644
index 000000000..11c1f2bd0
Binary files /dev/null and b/developer_manual/images/action-menu-icon.png differ
diff --git a/developer_manual/images/action-menu-new-item.gif b/developer_manual/images/action-menu-new-item.gif
new file mode 100644
index 000000000..608b1854f
Binary files /dev/null and b/developer_manual/images/action-menu-new-item.gif differ
diff --git a/developer_manual/images/action-menu-radio-button.gif b/developer_manual/images/action-menu-radio-button.gif
new file mode 100644
index 000000000..3b86d111a
Binary files /dev/null and b/developer_manual/images/action-menu-radio-button.gif differ
diff --git a/developer_manual/images/action-menu-second-level.gif b/developer_manual/images/action-menu-second-level.gif
new file mode 100644
index 000000000..d46897ec4
Binary files /dev/null and b/developer_manual/images/action-menu-second-level.gif differ
diff --git a/developer_manual/images/action-menu.png b/developer_manual/images/action-menu.png
new file mode 100644
index 000000000..d7a3e65cf
Binary files /dev/null and b/developer_manual/images/action-menu.png differ
diff --git a/developer_manual/images/activity-layout.png b/developer_manual/images/activity-layout.png
new file mode 100644
index 000000000..696386e3d
Binary files /dev/null and b/developer_manual/images/activity-layout.png differ
diff --git a/developer_manual/images/avatar-talk.gif b/developer_manual/images/avatar-talk.gif
new file mode 100644
index 000000000..67ba0bfa8
Binary files /dev/null and b/developer_manual/images/avatar-talk.gif differ
diff --git a/developer_manual/images/button-danger.png b/developer_manual/images/button-danger.png
new file mode 100644
index 000000000..9e1b88686
Binary files /dev/null and b/developer_manual/images/button-danger.png differ
diff --git a/developer_manual/images/button-icon-only.png b/developer_manual/images/button-icon-only.png
new file mode 100644
index 000000000..f0e3a9155
Binary files /dev/null and b/developer_manual/images/button-icon-only.png differ
diff --git a/developer_manual/images/button-primary-secondary.png b/developer_manual/images/button-primary-secondary.png
new file mode 100644
index 000000000..316a29dbb
Binary files /dev/null and b/developer_manual/images/button-primary-secondary.png differ
diff --git a/developer_manual/images/button-primary.png b/developer_manual/images/button-primary.png
new file mode 100644
index 000000000..bed2ea283
Binary files /dev/null and b/developer_manual/images/button-primary.png differ
diff --git a/developer_manual/images/button-secondary.png b/developer_manual/images/button-secondary.png
new file mode 100644
index 000000000..879fd81a0
Binary files /dev/null and b/developer_manual/images/button-secondary.png differ
diff --git a/developer_manual/images/button-success.png b/developer_manual/images/button-success.png
new file mode 100644
index 000000000..a1ed04e2d
Binary files /dev/null and b/developer_manual/images/button-success.png differ
diff --git a/developer_manual/images/button-tertiary.png b/developer_manual/images/button-tertiary.png
new file mode 100644
index 000000000..ca22e4cad
Binary files /dev/null and b/developer_manual/images/button-tertiary.png differ
diff --git a/developer_manual/images/checkboxes-settings.png b/developer_manual/images/checkboxes-settings.png
new file mode 100644
index 000000000..d4db23aac
Binary files /dev/null and b/developer_manual/images/checkboxes-settings.png differ
diff --git a/developer_manual/images/colour-dark-theme-main-backgroud.svg b/developer_manual/images/colour-dark-theme-main-backgroud.svg
new file mode 100644
index 000000000..fbc49121a
--- /dev/null
+++ b/developer_manual/images/colour-dark-theme-main-backgroud.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-f555d140-0721-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,9.926167350636345e-24,9.926167350636332e-24,1.0000000000000004,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.654361225106053e-23,0.9999999999999991,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="dark-theme-main-background" penpot:fill-color-ref-id="3b354ab0-acd2-11eb-8fd9-0f6c438f2354" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="png" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.654361225106053e-23,0.9999999999999991,0,2.1316282072803006e-14)" style="fill: rgb(24, 24, 24); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-dark-theme-main-text.svg b/developer_manual/images/colour-dark-theme-main-text.svg
new file mode 100644
index 000000000..bbe802738
--- /dev/null
+++ b/developer_manual/images/colour-dark-theme-main-text.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-248d5f50-0722-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,1.3234889800848443e-23,9.926167350636332e-24,1.0000000000000002,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,0.9999999999999994,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="dark-theme-main-text" penpot:fill-color-ref-id="80229fa0-b7d2-11eb-9e59-fbf93090aec0" penpot:proportion="1" penpot:center-x="22"/><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,0.9999999999999994,0,1.0658141036401503e-14)" style="fill: rgb(216, 216, 216); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-dark-theme-text-maxcontrast.svg b/developer_manual/images/colour-dark-theme-text-maxcontrast.svg
new file mode 100644
index 000000000..1ba988953
--- /dev/null
+++ b/developer_manual/images/colour-dark-theme-text-maxcontrast.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-d4906c80-0722-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,1.3234889800848443e-23,9.926167350636332e-24,1.0000000000000002,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,0.9999999999999994,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="dark-theme-text-maxcontrast" penpot:fill-color-ref-id="d1fac5a0-b7d2-11eb-9e59-fbf93090aec0" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="png" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,0.9999999999999994,0,1.0658141036401503e-14)" style="fill: rgb(140, 140, 140); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-error.svg b/developer_manual/images/colour-error.svg
new file mode 100644
index 000000000..0fa5553eb
--- /dev/null
+++ b/developer_manual/images/colour-error.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-4b793580-0722-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,1.3234889800848443e-23,9.926167350636332e-24,0.9999999999999999,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="error" penpot:fill-color-ref-id="e91c86f0-a2c5-11eb-9f8a-7bf7d3a5e34e" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="svg" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" style="fill: rgb(233, 50, 45); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-main-background.svg b/developer_manual/images/colour-main-background.svg
new file mode 100644
index 000000000..19bf37ea1
--- /dev/null
+++ b/developer_manual/images/colour-main-background.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-f7c68320-0721-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,1.3234889800848443e-23,9.926167350636332e-24,0.9999999999999999,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" penpot:proportion-lock="true" penpot:stroke-style="solid" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="main-background" penpot:fill-color-ref-id="2f584040-a2c2-11eb-9f8a-7bf7d3a5e34e" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="svg" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" style="fill: rgb(255, 255, 255); fill-opacity: 1; stroke-width: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0.25;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-main-text.svg b/developer_manual/images/colour-main-text.svg
new file mode 100644
index 000000000..34128b6eb
--- /dev/null
+++ b/developer_manual/images/colour-main-text.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-19374da0-0722-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,1.3234889800848443e-23,9.926167350636332e-24,0.9999999999999999,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="main-text" penpot:fill-color-ref-id="359e1600-a2c2-11eb-9f8a-7bf7d3a5e34e" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="png" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" style="fill: rgb(34, 34, 34); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-picker.gif b/developer_manual/images/colour-picker.gif
new file mode 100644
index 000000000..23655023a
Binary files /dev/null and b/developer_manual/images/colour-picker.gif differ
diff --git a/developer_manual/images/colour-primary.svg b/developer_manual/images/colour-primary.svg
new file mode 100644
index 000000000..9b5642131
--- /dev/null
+++ b/developer_manual/images/colour-primary.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-e51f6d40-0721-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(0.9999999999999999,0,0,1,0,0)" penpot:transform="matrix(1.0000000000000002,0,0,1,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="primary" penpot:fill-color-ref-id="297af050-a2c2-11eb-9f8a-7bf7d3a5e34e" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="png" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1.0000000000000002,0,0,1,-3.552713678800501e-15,0)" style="fill: rgb(0, 130, 201); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-success.svg b/developer_manual/images/colour-success.svg
new file mode 100644
index 000000000..0fa467610
--- /dev/null
+++ b/developer_manual/images/colour-success.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-449b6580-0722-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,1.3234889800848443e-23,9.926167350636332e-24,0.9999999999999999,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="success" penpot:fill-color-ref-id="63bc1da0-b7d2-11eb-9e59-fbf93090aec0" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="png" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" style="fill: rgb(70, 186, 97); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-text-maxcontrast.svg b/developer_manual/images/colour-text-maxcontrast.svg
new file mode 100644
index 000000000..08bc12e02
--- /dev/null
+++ b/developer_manual/images/colour-text-maxcontrast.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-d73f11c0-0722-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,1.3234889800848443e-23,9.926167350636332e-24,0.9999999999999999,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="text-maxcontrast" penpot:fill-color-ref-id="8391aed0-a2c2-11eb-9f8a-7bf7d3a5e34e" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="png" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" style="fill: rgb(118, 118, 118); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/colour-warning.svg b/developer_manual/images/colour-warning.svg
new file mode 100644
index 000000000..a730ce781
--- /dev/null
+++ b/developer_manual/images/colour-warning.svg
@@ -0,0 +1 @@
+<svg id="screenshot" viewBox="-1.9198620293536806e-7 1.9198620293536806e-7 44 44" width="44" height="44" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:penpot="https://penpot.app/xmlns"><g id="shape-4dadc8c0-0722-11ec-80f0-ffdf49ffffdb"><penpot:shape penpot:center-y="22" penpot:transform-inverse="matrix(1,1.3234889800848443e-23,9.926167350636332e-24,0.9999999999999999,0,0)" penpot:transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" penpot:proportion-lock="true" penpot:stroke-style="none" penpot:rotation="0" penpot:stroke-alignment="center" penpot:type="circle" penpot:fill-color-ref-file="f48a3080-a38f-11eb-bb49-81aaa3a367f9" penpot:name="warning" penpot:fill-color-ref-id="5e37ea30-b7d2-11eb-9e59-fbf93090aec0" penpot:proportion="1" penpot:center-x="22"><penpot:export penpot:type="png" penpot:suffix="" penpot:scale="1"/></penpot:shape><ellipse cx="22" cy="22" rx="22" ry="22" transform="matrix(1,-6.617444900424222e-24,-1.6543612251060553e-23,1,0,0)" style="fill: rgb(236, 167, 0); fill-opacity: 1;"/></g></svg>
\ No newline at end of file
diff --git a/developer_manual/images/contacts-navigation.png b/developer_manual/images/contacts-navigation.png
new file mode 100644
index 000000000..231536a10
Binary files /dev/null and b/developer_manual/images/contacts-navigation.png differ
diff --git a/developer_manual/images/deck-card-modal.png b/developer_manual/images/deck-card-modal.png
new file mode 100644
index 000000000..3ac9b6dfa
Binary files /dev/null and b/developer_manual/images/deck-card-modal.png differ
diff --git a/developer_manual/images/deck-color-picker.png b/developer_manual/images/deck-color-picker.png
new file mode 100644
index 000000000..e0203f0cc
Binary files /dev/null and b/developer_manual/images/deck-color-picker.png differ
diff --git a/developer_manual/images/deck-new-item-element-open.png b/developer_manual/images/deck-new-item-element-open.png
new file mode 100644
index 000000000..54dbf4f30
Binary files /dev/null and b/developer_manual/images/deck-new-item-element-open.png differ
diff --git a/developer_manual/images/deck-new-item-element.png b/developer_manual/images/deck-new-item-element.png
new file mode 100644
index 000000000..ba2ae8a56
Binary files /dev/null and b/developer_manual/images/deck-new-item-element.png differ
diff --git a/developer_manual/images/dropdown-find-as-you-type.gif b/developer_manual/images/dropdown-find-as-you-type.gif
new file mode 100644
index 000000000..35130beb1
Binary files /dev/null and b/developer_manual/images/dropdown-find-as-you-type.gif differ
diff --git a/developer_manual/images/empty-content.png b/developer_manual/images/empty-content.png
new file mode 100644
index 000000000..a48fde1f3
Binary files /dev/null and b/developer_manual/images/empty-content.png differ
diff --git a/developer_manual/images/files-action-menu.png b/developer_manual/images/files-action-menu.png
new file mode 100644
index 000000000..338e05daf
Binary files /dev/null and b/developer_manual/images/files-action-menu.png differ
diff --git a/developer_manual/images/files-checkboxes-and-radio-buttons-in-share-link-menu.png b/developer_manual/images/files-checkboxes-and-radio-buttons-in-share-link-menu.png
new file mode 100644
index 000000000..0e246638e
Binary files /dev/null and b/developer_manual/images/files-checkboxes-and-radio-buttons-in-share-link-menu.png differ
diff --git a/developer_manual/images/files-date-picker.png b/developer_manual/images/files-date-picker.png
new file mode 100644
index 000000000..b7599c335
Binary files /dev/null and b/developer_manual/images/files-date-picker.png differ
diff --git a/developer_manual/images/files-layout.png b/developer_manual/images/files-layout.png
new file mode 100644
index 000000000..3d7a77899
Binary files /dev/null and b/developer_manual/images/files-layout.png differ
diff --git a/developer_manual/images/files-navigation-entries.png b/developer_manual/images/files-navigation-entries.png
new file mode 100644
index 000000000..b17cf28a0
Binary files /dev/null and b/developer_manual/images/files-navigation-entries.png differ
diff --git a/developer_manual/images/list-item.gif b/developer_manual/images/list-item.gif
new file mode 100644
index 000000000..a8b1a8116
Binary files /dev/null and b/developer_manual/images/list-item.gif differ
diff --git a/developer_manual/images/mail-layout.png b/developer_manual/images/mail-layout.png
new file mode 100644
index 000000000..cd8e0ed5f
Binary files /dev/null and b/developer_manual/images/mail-layout.png differ
diff --git a/developer_manual/images/mail-navigation-entries.png b/developer_manual/images/mail-navigation-entries.png
new file mode 100644
index 000000000..199ff19f9
Binary files /dev/null and b/developer_manual/images/mail-navigation-entries.png differ
diff --git a/developer_manual/images/mail-primary-action-button.png b/developer_manual/images/mail-primary-action-button.png
new file mode 100644
index 000000000..4c897f1f5
Binary files /dev/null and b/developer_manual/images/mail-primary-action-button.png differ
diff --git a/developer_manual/images/mail-tags.png b/developer_manual/images/mail-tags.png
new file mode 100644
index 000000000..7caba6033
Binary files /dev/null and b/developer_manual/images/mail-tags.png differ
diff --git a/developer_manual/images/material-icons.png b/developer_manual/images/material-icons.png
new file mode 100644
index 000000000..43fa40ea8
Binary files /dev/null and b/developer_manual/images/material-icons.png differ
diff --git a/developer_manual/images/meter-settings.png b/developer_manual/images/meter-settings.png
new file mode 100644
index 000000000..9e5703d23
Binary files /dev/null and b/developer_manual/images/meter-settings.png differ
diff --git a/developer_manual/images/new-item-element.gif b/developer_manual/images/new-item-element.gif
new file mode 100644
index 000000000..648f81260
Binary files /dev/null and b/developer_manual/images/new-item-element.gif differ
diff --git a/developer_manual/images/progress-bar.png b/developer_manual/images/progress-bar.png
new file mode 100644
index 000000000..90a2b1a34
Binary files /dev/null and b/developer_manual/images/progress-bar.png differ
diff --git a/developer_manual/images/radiobuttons-settings.png b/developer_manual/images/radiobuttons-settings.png
new file mode 100644
index 000000000..c7f3320b6
Binary files /dev/null and b/developer_manual/images/radiobuttons-settings.png differ
diff --git a/developer_manual/images/sidebar-details.png b/developer_manual/images/sidebar-details.png
new file mode 100644
index 000000000..2d968c476
Binary files /dev/null and b/developer_manual/images/sidebar-details.png differ
diff --git a/developer_manual/images/sidebar-sharing.png b/developer_manual/images/sidebar-sharing.png
new file mode 100644
index 000000000..469431bb2
Binary files /dev/null and b/developer_manual/images/sidebar-sharing.png differ
diff --git a/developer_manual/images/skeleton-screen-talk.png b/developer_manual/images/skeleton-screen-talk.png
new file mode 100644
index 000000000..38d25a992
Binary files /dev/null and b/developer_manual/images/skeleton-screen-talk.png differ
diff --git a/developer_manual/images/talk-checkboxes.png b/developer_manual/images/talk-checkboxes.png
new file mode 100644
index 000000000..58d8feb20
Binary files /dev/null and b/developer_manual/images/talk-checkboxes.png differ
diff --git a/developer_manual/images/talk-layout.png b/developer_manual/images/talk-layout.png
new file mode 100644
index 000000000..3cab0abf9
Binary files /dev/null and b/developer_manual/images/talk-layout.png differ
diff --git a/developer_manual/images/talk-list.png b/developer_manual/images/talk-list.png
new file mode 100644
index 000000000..057935130
Binary files /dev/null and b/developer_manual/images/talk-list.png differ
diff --git a/developer_manual/images/talk-settings-modal.png b/developer_manual/images/talk-settings-modal.png
new file mode 100644
index 000000000..4db32dc6c
Binary files /dev/null and b/developer_manual/images/talk-settings-modal.png differ
diff --git a/developer_manual/images/talk-text-input.png b/developer_manual/images/talk-text-input.png
new file mode 100644
index 000000000..f028b032c
Binary files /dev/null and b/developer_manual/images/talk-text-input.png differ
diff --git a/developer_manual/images/talk-tooltip-for-creating-a-new-conversation.png b/developer_manual/images/talk-tooltip-for-creating-a-new-conversation.png
new file mode 100644
index 000000000..15c443e5a
Binary files /dev/null and b/developer_manual/images/talk-tooltip-for-creating-a-new-conversation.png differ
diff --git a/developer_manual/images/talk-user-bubble.png b/developer_manual/images/talk-user-bubble.png
new file mode 100644
index 000000000..c7d6ea2ae
Binary files /dev/null and b/developer_manual/images/talk-user-bubble.png differ
diff --git a/developer_manual/images/text-input-label.png b/developer_manual/images/text-input-label.png
new file mode 100644
index 000000000..71b213f7f
Binary files /dev/null and b/developer_manual/images/text-input-label.png differ
diff --git a/developer_manual/images/tooltip.png b/developer_manual/images/tooltip.png
new file mode 100644
index 000000000..e3591b272
Binary files /dev/null and b/developer_manual/images/tooltip.png differ