diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7f191fc4e..0b0433b97 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,6 +21,7 @@ and this project adheres to
 - ✨(backend) Onboarding docs for new users #1891
 - 🩺(trivy) add trivyignore file and add minimatch CVE #1915
 - 🚩 Add feature flags for the AI feature #1922
+- 🍱(frontend) add icons ui-kit #1943
 
 ### Changed
 
diff --git a/src/frontend/apps/e2e/__tests__/app-impress/doc-grid.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/doc-grid.spec.ts
index ae7ca9c8d..95a4258ed 100644
--- a/src/frontend/apps/e2e/__tests__/app-impress/doc-grid.spec.ts
+++ b/src/frontend/apps/e2e/__tests__/app-impress/doc-grid.spec.ts
@@ -115,7 +115,7 @@ test.describe('Document grid item options', () => {
 
     // Pin
     await row.getByText(`more_horiz`).click();
-    await page.getByText('push_pin').click();
+    await page.getByRole('menuitem', { name: 'Pin' }).click();
 
     // Check is pinned
     await expect(row.getByTestId('doc-pinned-icon')).toBeVisible();
diff --git a/src/frontend/apps/e2e/__tests__/app-impress/doc-header.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/doc-header.spec.ts
index 71f1594bf..068559420 100644
--- a/src/frontend/apps/e2e/__tests__/app-impress/doc-header.spec.ts
+++ b/src/frontend/apps/e2e/__tests__/app-impress/doc-header.spec.ts
@@ -543,7 +543,7 @@ test.describe('Doc Header', () => {
       .click();
 
     // Pin
-    await page.getByText('push_pin').click();
+    await page.getByRole('menuitem', { name: 'Pin' }).click();
     await page
       .getByRole('button', { name: 'Open the document options' })
       .click();
@@ -564,11 +564,11 @@ test.describe('Doc Header', () => {
       .click();
 
     // Unpin
-    await page.getByText('Unpin').click();
+    await page.getByRole('menuitem', { name: 'Unpin' }).click();
     await page
       .getByRole('button', { name: 'Open the document options' })
       .click();
-    await expect(page.getByText('push_pin')).toBeVisible();
+    await expect(page.getByRole('menuitem', { name: 'Pin' })).toBeVisible();
 
     await page.goto('/');
 
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/1-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/1-circle-filled.svg
new file mode 100644
index 000000000..1c9d9534a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/1-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM11.751 7.14453C11.7159 7.14453 11.6808 7.15341 11.6504 7.1709L8.87988 8.7666C8.77836 8.82519 8.74931 8.95855 8.81641 9.05469L9.5166 10.0576C9.57558 10.1417 9.68874 10.1675 9.77832 10.1172L11.3301 9.24512C11.4633 9.17057 11.6279 9.26713 11.6279 9.41992V16.6553C11.6279 16.7657 11.7177 16.8555 11.8281 16.8555H13.2988C13.4093 16.8555 13.499 16.7657 13.499 16.6553V7.34473C13.499 7.23427 13.4093 7.14453 13.2988 7.14453H11.751Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/1-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/1-filled.svg
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/10-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/10-circle-filled.svg
new file mode 100644
index 000000000..5a0df502c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/10-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7373 8.7207C15.1389 8.72072 15.465 8.85912 15.7148 9.13574C15.9735 9.4034 16.1651 9.78292 16.29 10.2734C16.4238 10.764 16.4912 11.34 16.4912 12C16.4912 12.4995 16.4552 12.9511 16.3838 13.3525C16.3124 13.7447 16.2013 14.0886 16.0498 14.3828C15.9071 14.6682 15.7239 14.8922 15.501 15.0527C15.2869 15.2043 15.0317 15.2803 14.7373 15.2803C14.3449 15.2802 14.0147 15.1454 13.7471 14.8779C13.4885 14.6015 13.292 14.2178 13.1582 13.7275C13.0333 13.2368 12.9707 12.6602 12.9707 12C12.9707 11.5007 13.0068 11.0545 13.0781 10.6621C13.1495 10.2607 13.2567 9.91636 13.3994 9.63086C13.551 9.33673 13.7381 9.11355 13.9609 8.96191C14.184 8.80134 14.4429 8.72076 14.7373 8.7207Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM14.7373 7.04785C14.1217 7.04789 13.5859 7.17302 13.1309 7.42285C12.685 7.67265 12.3101 8.02473 12.0068 8.47949C11.7124 8.92563 11.4896 9.45288 11.3379 10.0596C11.1952 10.6572 11.1231 11.3043 11.123 12C11.1231 12.9278 11.253 13.7672 11.5117 14.5166C11.7794 15.266 12.1768 15.8597 12.7031 16.2969C13.2385 16.7339 13.9166 16.9531 14.7373 16.9531C15.353 16.9531 15.8887 16.8279 16.3438 16.5781C16.7988 16.3283 17.1743 15.9802 17.4688 15.5342C17.763 15.0793 17.9813 14.5525 18.124 13.9551C18.2757 13.3484 18.3515 12.6959 18.3516 12C18.3515 11.0633 18.2225 10.2239 17.9639 9.4834C17.7051 8.73407 17.3077 8.14031 16.7725 7.70312C16.237 7.2659 15.5582 7.04786 14.7373 7.04785ZM8.05957 7.30176C8.02452 7.30176 7.98935 7.31063 7.95898 7.32812L5.29004 8.86621C5.18837 8.92479 5.15837 9.05812 5.22559 9.1543L5.89453 10.1104C5.95344 10.1946 6.06657 10.2212 6.15625 10.1709L7.64062 9.33789C7.77387 9.26312 7.93829 9.35899 7.93848 9.51172V16.4854C7.93863 16.5957 8.02831 16.6855 8.13867 16.6855H9.5459C9.65626 16.6855 9.74594 16.5957 9.74609 16.4854V7.50098C9.74594 7.39065 9.65626 7.30176 9.5459 7.30176H8.05957Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/11-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/11-circle-filled.svg
new file mode 100644
index 000000000..4936d8883
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/11-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM9.14453 7.30859C9.10959 7.30859 9.07522 7.31757 9.04492 7.33496L6.375 8.87305C6.27335 8.93161 6.24338 9.06495 6.31055 9.16113L6.97949 10.1182C7.03838 10.2025 7.15152 10.229 7.24121 10.1787L8.72559 9.34473C8.85879 9.26992 9.02315 9.36588 9.02344 9.51855V16.4922C9.0236 16.6025 9.11327 16.6924 9.22363 16.6924H10.6309C10.7412 16.6924 10.8309 16.6025 10.8311 16.4922V7.50781C10.8309 7.39749 10.7412 7.30859 10.6309 7.30859H9.14453ZM14.4648 7.30859C14.4299 7.30859 14.3955 7.31756 14.3652 7.33496L11.6953 8.87305C11.594 8.93169 11.5648 9.06507 11.6318 9.16113L12.2998 10.1182C12.3587 10.2025 12.4718 10.229 12.5615 10.1787L14.0469 9.34473C14.1801 9.26994 14.3445 9.36585 14.3447 9.51855V16.4922C14.3449 16.6025 14.4346 16.6924 14.5449 16.6924H15.9512C16.0615 16.6924 16.1512 16.6025 16.1514 16.4922V7.50781C16.1512 7.39749 16.0615 7.30859 15.9512 7.30859H14.4648Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/12-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/12-circle-filled.svg
new file mode 100644
index 000000000..218d31bef
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/12-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8.02539 7.43555C7.99046 7.4356 7.95605 7.44447 7.92578 7.46191L5.25586 9C5.15434 9.05863 5.12521 9.19197 5.19238 9.28809L5.86035 10.2441C5.91917 10.3283 6.03246 10.3547 6.12207 10.3047L7.60742 9.47168C7.74063 9.39712 7.90509 9.49286 7.90527 9.64551V16.6191C7.90543 16.7293 7.99429 16.8191 8.10449 16.8193H9.5127C9.62295 16.8192 9.71273 16.7294 9.71289 16.6191V7.63477C9.71273 7.52452 9.62295 7.43567 9.5127 7.43555H8.02539ZM14.6924 7.18164C13.8714 7.18165 13.1661 7.3684 12.5771 7.74316C12.0492 8.0843 11.5948 8.53661 11.2148 9.09961C11.153 9.19172 11.1827 9.31604 11.2773 9.37402L12.4043 10.0605C12.4993 10.1183 12.6232 10.0875 12.6836 9.99414C12.9037 9.65412 13.1405 9.37686 13.3936 9.16211C13.697 8.91225 14.0724 8.78809 14.5186 8.78809C14.7682 8.78816 14.9875 8.83648 15.1748 8.93457C15.3708 9.0327 15.5229 9.17138 15.6299 9.34961C15.7457 9.52799 15.8037 9.74732 15.8037 10.0059C15.8037 10.202 15.7724 10.3853 15.71 10.5547C15.6564 10.7151 15.5757 10.8757 15.4688 11.0361C15.3706 11.1878 15.2454 11.3443 15.0938 11.5049C14.951 11.6655 14.7907 11.84 14.6123 12.0273L11.4717 15.127C11.4337 15.1645 11.4131 15.2161 11.4131 15.2695V16.6191C11.4132 16.7293 11.5021 16.8191 11.6123 16.8193H17.6777C17.788 16.8192 17.8778 16.7294 17.8779 16.6191V15.3857C17.8778 15.2755 17.788 15.1867 17.6777 15.1865H14.1045C13.9246 15.1865 13.8354 14.9667 13.9648 14.8418L15.8701 13.0039C16.1824 12.7005 16.4688 12.3886 16.7275 12.0674C16.9951 11.7374 17.2133 11.3891 17.3828 11.0234C17.5523 10.6578 17.6376 10.2601 17.6377 9.83203C17.6377 9.29683 17.5028 8.832 17.2354 8.43945C16.9767 8.03826 16.6244 7.72972 16.1787 7.51562C15.7415 7.29258 15.2455 7.1817 14.6924 7.18164Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/13-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/13-circle-filled.svg
new file mode 100644
index 000000000..e6e9e9804
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/13-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM14.5801 7.04785C13.8216 7.04786 13.1741 7.20427 12.6387 7.5166C12.1678 7.79609 11.7676 8.16773 11.4395 8.63281C11.3754 8.72359 11.404 8.84816 11.498 8.90723L12.624 9.61426C12.7199 9.67443 12.8464 9.64211 12.9092 9.54785C13.0792 9.29246 13.2705 9.08809 13.4824 8.93457C13.7501 8.74725 14.0716 8.6543 14.4463 8.6543C14.6961 8.65431 14.9152 8.69886 15.1025 8.78809C15.2895 8.86836 15.437 8.99292 15.5439 9.16211C15.6597 9.32261 15.7177 9.52402 15.7178 9.76465C15.7177 10.1214 15.5888 10.408 15.3301 10.6221C15.0713 10.8272 14.7451 10.9297 14.3525 10.9297H13.1338C13.0234 10.9297 12.9338 11.0186 12.9336 11.1289V12.3359C12.9338 12.4463 13.0234 12.5361 13.1338 12.5361H14.4727C14.8116 12.5361 15.1019 12.594 15.3428 12.71C15.5925 12.817 15.7851 12.9774 15.9189 13.1914C16.0616 13.3966 16.1328 13.6471 16.1328 13.9414C16.1327 14.2178 16.0616 14.4637 15.9189 14.6777C15.7851 14.8918 15.5973 15.0569 15.3564 15.1729C15.1245 15.2888 14.8522 15.3467 14.54 15.3467C14.0761 15.3467 13.6788 15.2262 13.3486 14.9854C13.0683 14.7751 12.808 14.4628 12.5684 14.0488C12.5103 13.9485 12.3808 13.9127 12.2822 13.9736L11.0498 14.7354C10.9582 14.7921 10.9284 14.9124 10.9854 15.0039C11.3525 15.5939 11.8055 16.0612 12.3447 16.4043C12.9337 16.7701 13.6704 16.9531 14.5537 16.9531C15.2049 16.9531 15.7854 16.8326 16.2939 16.5918C16.8111 16.351 17.2173 16.0073 17.5117 15.5615C17.815 15.1156 17.9666 14.5974 17.9668 14.0088C17.9668 13.5718 17.8727 13.1742 17.6855 12.8174C17.5071 12.4516 17.2434 12.1434 16.8955 11.8936C16.8457 11.8565 16.7944 11.8201 16.7412 11.7861C16.635 11.7183 16.6252 11.5596 16.7217 11.4785C16.9981 11.2378 17.2078 10.9519 17.3506 10.6221C17.4933 10.292 17.5654 9.93433 17.5654 9.55078C17.5654 9.04228 17.4354 8.60031 17.1768 8.22559C16.9181 7.85097 16.5613 7.56069 16.1064 7.35547C15.6603 7.15022 15.1512 7.04786 14.5801 7.04785ZM8.19043 7.30176C8.15538 7.30176 8.12021 7.31063 8.08984 7.32812L5.4209 8.86621C5.31923 8.92479 5.28923 9.05812 5.35645 9.1543L6.02539 10.1104C6.0843 10.1946 6.19743 10.2212 6.28711 10.1709L7.77148 9.33789C7.90473 9.26312 8.06915 9.35899 8.06934 9.51172V16.4854C8.06949 16.5957 8.15917 16.6855 8.26953 16.6855H9.67676C9.78712 16.6855 9.8768 16.5957 9.87695 16.4854V7.50098C9.87679 7.39065 9.78712 7.30176 9.67676 7.30176H8.19043Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/14-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/14-circle-filled.svg
new file mode 100644
index 000000000..ffe73f117
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/14-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8242 9.86914C14.9412 9.71897 15.1816 9.80183 15.1816 9.99219V12.3691C15.1815 12.4793 15.0926 12.5691 14.9824 12.5693H13.1309C12.9644 12.5693 12.8705 12.3774 12.9727 12.2461L14.8242 9.86914Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8.01465 7.30859C7.97968 7.30863 7.94534 7.3175 7.91504 7.33496L5.24512 8.87305C5.1435 8.93162 5.11351 9.06497 5.18066 9.16113L5.84961 10.1182C5.90842 10.2024 6.02169 10.2288 6.11133 10.1787L7.5957 9.34473C7.7289 9.26991 7.89326 9.36588 7.89355 9.51855V16.4922C7.89371 16.6024 7.9835 16.6923 8.09375 16.6924H9.50195C9.61215 16.6922 9.70101 16.6024 9.70117 16.4922V7.50781C9.70101 7.39761 9.61215 7.30878 9.50195 7.30859H8.01465ZM14.9873 7.32227C14.925 7.32227 14.866 7.35095 14.8281 7.40039L10.9131 12.5146C10.8864 12.5495 10.8711 12.5928 10.8711 12.6367V14.002C10.8713 14.1122 10.961 14.202 11.0713 14.2021H14.9824C15.0926 14.2023 15.1815 14.2912 15.1816 14.4014V16.4922C15.1818 16.6024 15.2716 16.6923 15.3818 16.6924H16.79C16.9002 16.6922 16.9891 16.6024 16.9893 16.4922V14.4014C16.9894 14.2911 17.0792 14.2023 17.1895 14.2021H17.7402C17.8504 14.202 17.9393 14.1122 17.9395 14.002V12.7686C17.9393 12.6583 17.8504 12.5695 17.7402 12.5693H17.1895C17.0792 12.5692 16.9894 12.4794 16.9893 12.3691V7.52148C16.9891 7.41128 16.9002 7.32245 16.79 7.32227H14.9873Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/15-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/15-circle-filled.svg
new file mode 100644
index 000000000..63c077f49
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/15-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12.0986 7.43457C11.9922 7.43457 11.9039 7.51869 11.8984 7.625L11.6514 12.4316C11.6455 12.546 11.7361 12.6416 11.8506 12.6416H14.1699C14.5621 12.6416 14.8926 12.6997 15.1602 12.8154C15.4277 12.9224 15.6336 13.0839 15.7764 13.2979C15.919 13.503 15.9902 13.7574 15.9902 14.0605C15.9902 14.3371 15.9238 14.5827 15.79 14.7969C15.6562 15.011 15.4685 15.176 15.2275 15.292C14.9956 15.4079 14.7233 15.4658 14.4111 15.4658C13.9562 15.4657 13.5587 15.3501 13.2197 15.1182C12.9316 14.9078 12.6673 14.592 12.4268 14.1709C12.369 14.0698 12.2387 14.0335 12.1396 14.0947L10.9072 14.8564C10.8159 14.913 10.7855 15.0316 10.8418 15.123C11.2099 15.721 11.6678 16.188 12.2158 16.5234C12.8136 16.8892 13.5457 17.0722 14.4111 17.0723C15.0535 17.0722 15.6339 16.9471 16.1514 16.6973C16.6687 16.4474 17.0747 16.0908 17.3691 15.627C17.6725 15.163 17.8242 14.614 17.8242 13.9805C17.8242 13.3738 17.699 12.8513 17.4492 12.4141C17.1993 11.9771 16.8114 11.6373 16.2852 11.3965C15.7676 11.1557 15.0886 11.0352 14.25 11.0352H13.7393C13.6245 11.0352 13.5328 10.9388 13.5391 10.8242L13.625 9.25684C13.6308 9.1509 13.7182 9.06757 13.8242 9.06738H17.291C17.4012 9.06719 17.49 8.97831 17.4902 8.86816V7.63477C17.4901 7.5245 17.4013 7.43476 17.291 7.43457H12.0986ZM7.96875 7.4209C7.93378 7.42094 7.89945 7.43078 7.86914 7.44824L5.19922 8.98633C5.09765 9.04492 5.06762 9.17826 5.13477 9.27441L5.80371 10.2314C5.86261 10.3158 5.97573 10.3414 6.06543 10.291L7.5498 9.45801C7.68304 9.38318 7.84745 9.47909 7.84766 9.63184V16.6055C7.84788 16.7157 7.93764 16.8046 8.04785 16.8047H9.45605C9.56621 16.8045 9.65505 16.7156 9.65527 16.6055V7.62109C9.65518 7.51083 9.56629 7.42109 9.45605 7.4209H7.96875Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/16-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/16-circle-filled.svg
new file mode 100644
index 000000000..e8466cdcc
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/16-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7344 12.2812C15.0288 12.2812 15.2877 12.3486 15.5107 12.4824C15.7426 12.6073 15.921 12.781 16.0459 13.0039C16.1797 13.227 16.2471 13.4868 16.2471 13.7812C16.2469 14.0753 16.1796 14.3386 16.0459 14.5703C15.921 14.8021 15.7378 14.9854 15.4971 15.1191C15.2652 15.2527 14.984 15.3203 14.6543 15.3203C14.2709 15.3202 13.9358 15.213 13.6504 14.999C13.3649 14.7849 13.1458 14.4405 12.9941 13.9678C12.9311 13.7673 12.8816 13.5383 12.8447 13.2822C12.8373 13.23 12.8514 13.1766 12.8848 13.1357C13.0974 12.8752 13.344 12.6758 13.623 12.5361C13.962 12.3666 14.333 12.2813 14.7344 12.2812Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM14.9756 7.04785C14.2619 7.04791 13.6454 7.17304 13.1279 7.42285C12.6197 7.66375 12.2001 8.00726 11.8701 8.45312C11.5402 8.89018 11.2944 9.41693 11.1338 10.0322C10.9822 10.6389 10.9062 11.3095 10.9062 12.041C10.9063 13.0846 11.0533 13.9726 11.3477 14.7041C11.6421 15.4357 12.0707 15.9942 12.6328 16.3779C13.1949 16.7615 13.8825 16.953 14.6943 16.9531C15.4079 16.9531 16.0198 16.806 16.5283 16.5117C17.0366 16.2174 17.4247 15.8243 17.6924 15.334C17.9689 14.8433 18.1073 14.3026 18.1074 13.7139C18.1074 13.1428 17.9822 12.6299 17.7324 12.1748C17.4915 11.7197 17.1398 11.3576 16.6758 11.0898C16.2208 10.8133 15.6849 10.6748 15.0693 10.6748C14.5878 10.6749 14.1455 10.7555 13.7441 10.916C13.5406 10.9947 13.348 11.0928 13.166 11.21C13.0169 11.3059 12.8065 11.1973 12.8281 11.0215C12.8474 10.8674 12.8708 10.7202 12.9004 10.5811C12.9896 10.1621 13.1235 9.81357 13.3018 9.53711C13.489 9.25177 13.7217 9.03731 13.998 8.89453C14.2745 8.75183 14.5963 8.68073 14.9619 8.68066C15.3455 8.68066 15.6756 8.77465 15.9521 8.96191C16.1874 9.10892 16.4082 9.30675 16.6133 9.55664C16.686 9.6453 16.8174 9.66326 16.9062 9.59082L17.9873 8.70703C18.07 8.6395 18.0854 8.51887 18.0176 8.43652C17.8366 8.21749 17.6251 8.01359 17.3848 7.82422C17.0993 7.59228 16.7559 7.40448 16.3545 7.26172C15.962 7.11902 15.5019 7.04787 14.9756 7.04785ZM7.81543 7.30176C7.78048 7.3018 7.74611 7.31067 7.71582 7.32812L5.0459 8.86621C4.94435 8.92483 4.91524 9.05817 4.98242 9.1543L5.65039 10.1104C5.70922 10.1945 5.82249 10.221 5.91211 10.1709L7.39648 9.33789C7.52973 9.26312 7.69415 9.35899 7.69434 9.51172V16.4854C7.69449 16.5956 7.78431 16.6854 7.89453 16.6855H9.30273C9.41296 16.6854 9.50179 16.5956 9.50195 16.4854V7.50098C9.50179 7.39075 9.41296 7.30192 9.30273 7.30176H7.81543Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/17-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/17-circle-filled.svg
new file mode 100644
index 000000000..47a2549e9
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/17-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8.41504 7.30859C8.38009 7.30864 8.34572 7.31751 8.31543 7.33496L5.64551 8.87305C5.54393 8.93163 5.51391 9.06498 5.58105 9.16113L6.25 10.1182C6.3088 10.2024 6.42209 10.2287 6.51172 10.1787L7.99609 9.34473C8.12929 9.26991 8.29463 9.36588 8.29492 9.51855V16.4922C8.29508 16.6024 8.38392 16.6922 8.49414 16.6924H9.90234C10.0126 16.6922 10.1024 16.6024 10.1025 16.4922V7.50781C10.1024 7.39759 10.0126 7.30875 9.90234 7.30859H8.41504ZM11.832 7.32227C11.7218 7.32243 11.633 7.41126 11.6328 7.52148V8.75488C11.633 8.86511 11.7218 8.95492 11.832 8.95508H16.0918C16.2478 8.95508 16.3438 9.12551 16.2627 9.25879L11.9248 16.3877C11.8437 16.521 11.9397 16.6924 12.0957 16.6924H13.7129C13.7839 16.6924 13.8498 16.654 13.8857 16.5928L18.3379 9.00098C18.3558 8.97038 18.3662 8.93584 18.3662 8.90039V7.52148C18.3661 7.41126 18.2762 7.32242 18.166 7.32227H11.832Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/18-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/18-circle-filled.svg
new file mode 100644
index 000000000..a110bae34
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/18-circle-filled.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6377 12.4824C14.9945 12.4825 15.2981 12.545 15.5479 12.6699C15.8062 12.7948 16.003 12.9686 16.1367 13.1914C16.2792 13.4054 16.3515 13.6648 16.3516 13.9678C16.3515 14.2531 16.2794 14.5037 16.1367 14.7178C16.0029 14.9318 15.8065 15.0969 15.5479 15.2129C15.2981 15.3289 14.9945 15.3867 14.6377 15.3867C14.281 15.3867 13.9678 15.3287 13.7002 15.2129C13.4419 15.097 13.2413 14.9315 13.0986 14.7178C12.9648 14.5037 12.8975 14.2531 12.8975 13.9678C12.8975 13.6646 12.9649 13.4055 13.0986 13.1914C13.2413 12.9686 13.4418 12.7948 13.7002 12.6699C13.9679 12.545 14.2808 12.4824 14.6377 12.4824Z" fill="#222631"/>
+<path d="M14.6514 8.60059C15.0437 8.60072 15.356 8.70783 15.5879 8.92188C15.8195 9.13593 15.9365 9.417 15.9365 9.76465C15.9365 10.0054 15.8824 10.2162 15.7754 10.3945C15.6683 10.5638 15.5164 10.6978 15.3203 10.7959C15.1331 10.885 14.9098 10.9296 14.6514 10.9297C14.2322 10.9297 13.9011 10.827 13.6602 10.6221C13.4193 10.408 13.2989 10.1214 13.2988 9.76465C13.2989 9.53283 13.353 9.33156 13.46 9.16211C13.567 8.98386 13.7189 8.84612 13.915 8.74805C14.1203 8.64994 14.3659 8.60059 14.6514 8.60059Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM14.624 7.04785C13.9283 7.04788 13.3439 7.16839 12.8711 7.40918C12.4072 7.64113 12.0544 7.95322 11.8135 8.3457C11.5727 8.72927 11.4522 9.14009 11.4521 9.57715C11.4522 10.041 11.5726 10.4565 11.8135 10.8223C11.9522 11.0329 12.1281 11.2186 12.3408 11.3789C12.4761 11.4812 12.4633 11.7101 12.3164 11.7949C12.1886 11.8687 12.0703 11.951 11.9609 12.041C11.6576 12.2819 11.4253 12.5759 11.2646 12.9238C11.1131 13.2628 11.0372 13.6423 11.0371 14.0615C11.0372 14.6057 11.1756 15.097 11.4521 15.5342C11.7288 15.9711 12.1348 16.3195 12.6699 16.5781C13.2052 16.8278 13.8569 16.9531 14.624 16.9531C15.2039 16.9531 15.718 16.8773 16.1641 16.7256C16.6189 16.5828 16.9937 16.3817 17.2881 16.123C17.5914 15.8643 17.819 15.5608 17.9707 15.2129C18.1312 14.8561 18.2118 14.4718 18.2119 14.0615C18.2119 13.4997 18.0732 13.0128 17.7969 12.6025C17.5204 12.1834 17.114 11.8579 16.5791 11.626C16.5648 11.6197 16.5634 11.6002 16.5771 11.5928C16.9508 11.391 17.2375 11.1345 17.4355 10.8223C17.6763 10.4566 17.7968 10.0409 17.7969 9.57715C17.7968 9.14023 17.6762 8.72916 17.4355 8.3457C17.2036 7.95331 16.8505 7.64114 16.3779 7.40918C15.914 7.16828 15.3288 7.0479 14.624 7.04785ZM7.98438 7.30176C7.94944 7.30182 7.91504 7.31068 7.88477 7.32812L5.21484 8.86621C5.11333 8.92484 5.0842 9.05818 5.15137 9.1543L5.81934 10.1104C5.87816 10.1945 5.99144 10.2209 6.08105 10.1709L7.56641 9.33789C7.69961 9.26333 7.86407 9.35907 7.86426 9.51172V16.4854C7.86442 16.5956 7.95328 16.6854 8.06348 16.6855H9.47168C9.58193 16.6854 9.67172 16.5956 9.67188 16.4854V7.50098C9.67172 7.39073 9.58193 7.30188 9.47168 7.30176H7.98438Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/19-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/19-circle-filled.svg
new file mode 100644
index 000000000..fa04451d1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/19-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7549 8.68066C15.1474 8.68072 15.4822 8.78785 15.7588 9.00195C16.0442 9.2161 16.2624 9.56423 16.4141 10.0459C16.4761 10.2395 16.525 10.461 16.5615 10.71C16.5689 10.7602 16.5562 10.8122 16.5254 10.8525C16.3221 11.1185 16.0756 11.3233 15.7852 11.4648C15.4462 11.6342 15.0752 11.7197 14.6738 11.7197C14.3798 11.7196 14.1165 11.6569 13.8848 11.5322C13.6618 11.3984 13.4825 11.2191 13.3486 10.9961C13.2239 10.7643 13.1622 10.5049 13.1621 10.2197C13.1622 9.9258 13.2241 9.66235 13.3486 9.43066C13.4823 9.19897 13.6659 9.01565 13.8975 8.88184C14.1383 8.74803 14.4249 8.68072 14.7549 8.68066Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM14.7148 7.04785C14.0102 7.04791 13.3983 7.19493 12.8809 7.48926C12.3725 7.7837 11.9787 8.17637 11.7021 8.66699C11.4346 9.14875 11.3008 9.68943 11.3008 10.2871C11.3009 10.849 11.4261 11.3623 11.6758 11.8262C11.9256 12.2812 12.2784 12.6472 12.7334 12.9238C13.1884 13.1915 13.7243 13.3251 14.3398 13.3252C14.8303 13.3252 15.2726 13.2492 15.665 13.0977C15.8699 13.0138 16.0623 12.9116 16.2422 12.793C16.3907 12.695 16.6022 12.803 16.5801 12.9795C16.5609 13.132 16.537 13.2789 16.5078 13.4189C16.4186 13.8381 16.2801 14.1911 16.0928 14.4766C15.9143 14.7529 15.6866 14.9638 15.4102 15.1064C15.1337 15.2489 14.8117 15.3203 14.4463 15.3203C14.0719 15.3202 13.7414 15.2311 13.4561 15.0527C13.2208 14.8983 13.001 14.6947 12.7959 14.4434C12.7234 14.3545 12.5918 14.3368 12.5029 14.4092L11.4229 15.293C11.3402 15.3606 11.3248 15.4819 11.3926 15.5645C11.5721 15.7832 11.778 15.9876 12.0107 16.1768C12.3052 16.4087 12.6533 16.5965 13.0547 16.7393C13.4561 16.882 13.9162 16.9531 14.4336 16.9531C15.1471 16.9531 15.7591 16.8325 16.2676 16.5918C16.7848 16.3421 17.209 15.9984 17.5391 15.5615C17.8692 15.1155 18.11 14.5833 18.2617 13.9678C18.4222 13.3523 18.5029 12.6825 18.5029 11.96C18.5029 10.9162 18.3549 10.0285 18.0605 9.29688C17.7661 8.56511 17.3376 8.00678 16.7754 7.62305C16.2134 7.23959 15.5265 7.04792 14.7148 7.04785ZM8.27734 7.30176C8.24237 7.30179 8.20804 7.31066 8.17773 7.32812L5.50781 8.86621C5.40623 8.92481 5.37618 9.05815 5.44336 9.1543L6.1123 10.1104C6.17114 10.1945 6.28439 10.221 6.37402 10.1709L7.8584 9.33789C7.99164 9.26312 8.15606 9.35899 8.15625 9.51172V16.4854C8.15641 16.5956 8.24619 16.6854 8.35645 16.6855H9.76465C9.87484 16.6854 9.96371 16.5956 9.96387 16.4854V7.50098C9.96371 7.39077 9.87484 7.30195 9.76465 7.30176H8.27734Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/2-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/2-circle-filled.svg
new file mode 100644
index 000000000..828bef2af
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/2-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12.0586 6.52539C11.2089 6.52539 10.4787 6.71953 9.86914 7.10742C9.32104 7.46159 8.85015 7.93144 8.45605 8.5166C8.39387 8.60895 8.42349 8.73404 8.51855 8.79199L9.69629 9.50977C9.79128 9.56767 9.91525 9.53683 9.97559 9.44336C10.2044 9.08885 10.4506 8.79964 10.7139 8.57617C11.0279 8.3176 11.4162 8.1885 11.8779 8.18848C12.1365 8.18848 12.3627 8.23923 12.5566 8.34082C12.7598 8.4424 12.9175 8.58484 13.0283 8.76953C13.1483 8.95414 13.2079 9.18061 13.208 9.44824C13.208 9.65136 13.1759 9.84118 13.1113 10.0166C13.0559 10.1828 12.9722 10.3494 12.8613 10.5156C12.7598 10.6725 12.6305 10.8339 12.4736 11C12.3259 11.1662 12.1593 11.3471 11.9746 11.541L8.72363 14.751C8.68559 14.7886 8.66406 14.8401 8.66406 14.8936V16.2998C8.66406 16.4103 8.7538 16.5 8.86426 16.5H15.1553C15.2657 16.5 15.3555 16.4103 15.3555 16.2998V15.0098C15.3555 14.8993 15.2657 14.8096 15.1553 14.8096H11.4326C11.2529 14.8094 11.1646 14.5907 11.2939 14.4658L13.2773 12.5518C13.6005 12.2378 13.8963 11.9145 14.1641 11.582C14.441 11.2404 14.6673 10.8804 14.8428 10.502C15.0182 10.1233 15.1055 9.71186 15.1055 9.26855C15.1055 8.71456 14.9674 8.23442 14.6904 7.82812C14.4226 7.41253 14.0575 7.09372 13.5957 6.87207C13.1433 6.64127 12.631 6.52545 12.0586 6.52539Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/20-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/20-circle-filled.svg
new file mode 100644
index 000000000..ad0f4673c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/20-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7803 8.7207C16.1818 8.72072 16.508 8.85912 16.7578 9.13574C17.0164 9.40341 17.2081 9.78292 17.333 10.2734C17.4668 10.7641 17.5342 11.34 17.5342 12C17.5342 12.4995 17.4981 12.9511 17.4268 13.3525C17.3554 13.7449 17.2434 14.0885 17.0918 14.3828C16.949 14.6682 16.766 14.8922 16.543 15.0527C16.3289 15.2041 16.0744 15.2803 15.7803 15.2803C15.3878 15.2802 15.0577 15.1455 14.79 14.8779C14.5314 14.6014 14.334 14.218 14.2002 13.7275C14.0753 13.2368 14.0137 12.6602 14.0137 12C14.0137 11.5008 14.0488 11.0545 14.1201 10.6621C14.1915 10.2607 14.2987 9.91634 14.4414 9.63086C14.593 9.33658 14.781 9.1136 15.0039 8.96191C15.227 8.80132 15.4859 8.72073 15.7803 8.7207Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.7803 7.04785C15.1646 7.04787 14.6289 7.173 14.1738 7.42285C13.728 7.67262 13.353 8.02477 13.0498 8.47949C12.7554 8.9256 12.5315 9.45293 12.3799 10.0596C12.2372 10.6572 12.166 11.3043 12.166 12C12.1661 12.9277 12.2951 13.7672 12.5537 14.5166C12.8214 15.2658 13.2189 15.8597 13.7451 16.2969C14.2805 16.734 14.9594 16.9531 15.7803 16.9531C16.3958 16.9531 16.9317 16.8279 17.3867 16.5781C17.8416 16.3283 18.2164 15.9801 18.5107 15.5342C18.8051 15.0792 19.0242 14.5527 19.167 13.9551C19.3187 13.3484 19.3945 12.6959 19.3945 12C19.3945 11.0633 19.2645 10.2239 19.0059 9.4834C18.7471 8.73409 18.3497 8.14029 17.8145 7.70312C17.2791 7.2661 16.601 7.04787 15.7803 7.04785ZM8.61035 7.04785C7.78948 7.0479 7.08402 7.23462 6.49512 7.60938C5.96734 7.95049 5.51371 8.40294 5.13379 8.96582C5.07169 9.05804 5.1014 9.18229 5.19629 9.24023L6.32324 9.92676C6.41808 9.98426 6.54109 9.95335 6.60156 9.86035C6.82182 9.52045 7.0595 9.24305 7.3125 9.02832C7.6158 8.77873 7.99062 8.65433 8.43652 8.6543C8.68639 8.6543 8.90538 8.70262 9.09277 8.80078C9.28897 8.89892 9.4408 9.03745 9.54785 9.21582C9.66375 9.39425 9.72168 9.6134 9.72168 9.87207C9.72163 10.0682 9.69034 10.2515 9.62793 10.4209C9.57441 10.5813 9.49363 10.7419 9.38672 10.9023C9.2886 11.0539 9.16329 11.2106 9.01172 11.3711C8.86903 11.5316 8.70859 11.7063 8.53027 11.8936L5.39062 14.9932C5.35259 15.0307 5.33108 15.0823 5.33105 15.1357V16.4854C5.33121 16.5957 5.42089 16.6855 5.53125 16.6855H11.5957C11.7061 16.6855 11.7957 16.5957 11.7959 16.4854V15.252C11.7957 15.1416 11.7061 15.0527 11.5957 15.0527H8.02246C7.84268 15.0526 7.75441 14.8329 7.88379 14.708L9.78809 12.8701C10.1003 12.5668 10.3868 12.2547 10.6455 11.9336C10.913 11.6037 11.1313 11.2552 11.3008 10.8896C11.4702 10.524 11.5556 10.1263 11.5557 9.69824C11.5557 9.16294 11.4219 8.69826 11.1543 8.30566C10.8955 7.90413 10.5428 7.59601 10.0967 7.38184C9.6594 7.15874 9.16364 7.04785 8.61035 7.04785Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/3-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/3-circle-filled.svg
new file mode 100644
index 000000000..127db0910
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/3-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12.1592 6.87402C11.3742 6.87405 10.7045 7.03616 10.1504 7.35938C9.6056 7.68261 9.1531 8.12617 8.79297 8.68945L10.3164 9.64453C10.5195 9.29373 10.7557 9.02105 11.0234 8.82715C11.3004 8.63343 11.6329 8.53715 12.0205 8.53711C12.2789 8.53711 12.5054 8.58259 12.6992 8.6748C12.8931 8.75791 13.0454 8.88804 13.1562 9.06348C13.2763 9.2297 13.3369 9.43721 13.3369 9.68652C13.3369 10.0559 13.2024 10.3516 12.9346 10.5732C12.6668 10.7854 12.3299 10.8916 11.9238 10.8916H10.4551V12.5537H12.0479C12.3987 12.5537 12.6999 12.6144 12.9492 12.7344C13.2076 12.8452 13.4065 13.0119 13.5449 13.2334C13.6925 13.4457 13.7656 13.7043 13.7656 14.0088C13.7656 14.2949 13.6925 14.5489 13.5449 14.7705C13.4064 14.9921 13.2121 15.1632 12.9629 15.2832C12.7228 15.4032 12.4404 15.4629 12.1172 15.4629C11.6372 15.4628 11.2263 15.3381 10.8848 15.0889C10.5524 14.8395 10.2477 14.4519 9.9707 13.9258L8.33594 14.9365C8.73304 15.6291 9.23621 16.1697 9.8457 16.5576C10.4552 16.9362 11.2176 17.126 12.1318 17.126C12.8058 17.1259 13.4063 17.0012 13.9326 16.752C14.4682 16.5026 14.8886 16.1463 15.1934 15.6846C15.5071 15.2229 15.664 14.6874 15.6641 14.0781C15.6641 13.6256 15.567 13.2141 15.373 12.8447C15.1884 12.4663 14.9157 12.1481 14.5557 11.8896C14.4278 11.7946 14.2894 11.7091 14.1406 11.6338C14.2229 11.5787 14.3023 11.5218 14.376 11.46C14.6622 11.2107 14.8786 10.9148 15.0264 10.5732C15.1741 10.2315 15.248 9.86197 15.248 9.46484C15.248 8.93854 15.1144 8.48159 14.8467 8.09375C14.5789 7.70592 14.2092 7.40576 13.7383 7.19336C13.2766 6.98099 12.7502 6.87403 12.1592 6.87402Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/4-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/4-circle-filled.svg
new file mode 100644
index 000000000..73ab52e5b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/4-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.8652 9.5459C11.9822 9.39576 12.2236 9.47861 12.2236 9.66895V12.1562C12.2236 12.2666 12.1337 12.3563 12.0234 12.3564H10.085C9.91847 12.3564 9.82447 12.1645 9.92676 12.0332L11.8652 9.5459Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12.0176 6.92578C11.9553 6.92578 11.8962 6.95448 11.8584 7.00391L7.80371 12.3027C7.77706 12.3376 7.76272 12.38 7.7627 12.4238V13.8457C7.76272 13.956 7.85161 14.0457 7.96191 14.0459H12.0234C12.1338 14.0461 12.2236 14.1357 12.2236 14.2461V16.4229C12.2237 16.5332 12.3125 16.6229 12.4229 16.623H13.8936C14.0039 16.6229 14.0937 16.5332 14.0938 16.4229V14.2461C14.0938 14.1357 14.1826 14.0461 14.293 14.0459H14.877C14.9873 14.0457 15.0771 13.956 15.0771 13.8457V12.5566C15.0771 12.4463 14.9873 12.3566 14.877 12.3564H14.293C14.1827 12.3563 14.0938 12.2666 14.0938 12.1562V7.12598C14.0938 7.01562 14.0039 6.92594 13.8936 6.92578H12.0176Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/4k.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/4k.svg
new file mode 100644
index 000000000..727588b03
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/4k.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 15H14.5V12.75L16.25 15H18.075L15.75 12L18.075 9H16.25L14.5 11.25V9H13V15ZM9.5 15H11V13.5H12V12H11V9H9.5V12H8V9H6.5V13.5H9.5V15ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/5-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/5-circle-filled.svg
new file mode 100644
index 000000000..2e487cb03
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/5-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM9.66211 7.0127C9.5559 7.01288 9.46849 7.09608 9.46289 7.20215L9.20605 12.1914C9.20036 12.3055 9.29109 12.4011 9.40527 12.4014H11.8135C12.2198 12.4014 12.5618 12.462 12.8389 12.582C13.1156 12.6928 13.3279 12.8587 13.4756 13.0801C13.6233 13.2925 13.6973 13.5561 13.6973 13.8701C13.6972 14.1562 13.6286 14.4103 13.4902 14.6318C13.3518 14.8534 13.1574 15.0245 12.9082 15.1445C12.6681 15.2646 12.3857 15.3242 12.0625 15.3242C11.5918 15.3242 11.1808 15.2047 10.8301 14.9648C10.5301 14.7459 10.2542 14.4162 10.0039 13.9766C9.94623 13.8757 9.81669 13.8394 9.71777 13.9004L8.42969 14.6963C8.33839 14.7528 8.30807 14.8723 8.36426 14.9639C8.74594 15.5856 9.22193 16.0707 9.79102 16.4189C10.4097 16.7975 11.1669 16.9872 12.0625 16.9873C12.7274 16.9873 13.3286 16.8572 13.8643 16.5986C14.3994 16.3401 14.8194 15.971 15.124 15.4912C15.438 15.011 15.5957 14.4427 15.5957 13.7871C15.5957 13.1592 15.4665 12.6185 15.208 12.166C14.9494 11.7135 14.5468 11.3626 14.002 11.1133C13.4664 10.864 12.7644 10.7393 11.8965 10.7393H11.3594C11.2447 10.7392 11.1539 10.6429 11.1602 10.5283L11.249 8.89258C11.2548 8.78652 11.343 8.70312 11.4492 8.70312H15.0488C15.1593 8.70312 15.249 8.61339 15.249 8.50293V7.21289C15.249 7.10243 15.1593 7.0127 15.0488 7.0127H9.66211Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/6-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/6-circle-filled.svg
new file mode 100644
index 000000000..c3a91ec0f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/6-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2217 12.291C12.5265 12.291 12.7945 12.3605 13.0254 12.499C13.2654 12.6283 13.4498 12.8083 13.5791 13.0391C13.7176 13.27 13.7871 13.538 13.7871 13.8428C13.7871 14.1474 13.7176 14.4201 13.5791 14.6602C13.4499 14.9 13.2608 15.0891 13.0117 15.2275C12.7716 15.3661 12.4804 15.4355 12.1387 15.4355C11.7416 15.4355 11.3951 15.3251 11.0996 15.1035C10.8041 14.8819 10.5779 14.5256 10.4209 14.0361C10.3554 13.8281 10.3037 13.5911 10.2656 13.3252C10.2582 13.273 10.2725 13.2197 10.3057 13.1787C10.5263 12.9075 10.7823 12.6987 11.0723 12.5537C11.4231 12.3784 11.8063 12.291 12.2217 12.291Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12.4707 6.87402C11.7322 6.87408 11.0951 7.00328 10.5596 7.26172C10.0331 7.51108 9.59855 7.86732 9.25684 8.3291C8.91524 8.78158 8.66132 9.32676 8.49512 9.96387C8.33817 10.5918 8.25977 11.2848 8.25977 12.042C8.25981 13.1224 8.41206 14.0416 8.7168 14.7988C9.02157 15.556 9.46513 16.1332 10.0469 16.5303C10.6287 16.9273 11.3403 17.126 12.1807 17.126C12.9192 17.1259 13.5518 16.9736 14.0781 16.6689C14.6046 16.3642 15.0061 15.9572 15.2832 15.4492C15.5694 14.9414 15.7129 14.3829 15.7129 13.7734C15.7129 13.1824 15.5838 12.6507 15.3252 12.1797C15.0758 11.7088 14.7106 11.3346 14.2305 11.0576C13.7596 10.7714 13.2054 10.6289 12.5684 10.6289C12.0696 10.6289 11.6119 10.7117 11.1963 10.8779C10.9803 10.9614 10.7764 11.0661 10.584 11.1914C10.4353 11.2883 10.2243 11.18 10.2461 11.0039C10.2666 10.8381 10.2925 10.6805 10.3242 10.5312C10.4165 10.0975 10.5547 9.73736 10.7393 9.45117C10.9332 9.15563 11.1737 8.9339 11.46 8.78613C11.7462 8.63841 12.0785 8.56449 12.457 8.56445C12.8542 8.56445 13.1961 8.66152 13.4824 8.85547C13.7277 9.00877 13.9574 9.21617 14.1709 9.47754C14.2435 9.56615 14.3741 9.58308 14.4629 9.51074L15.5928 8.58887C15.6754 8.52131 15.6907 8.39989 15.623 8.31738C15.435 8.08858 15.2155 7.87521 14.9648 7.67773C14.6694 7.43766 14.3139 7.24346 13.8984 7.0957C13.4921 6.94793 13.0156 6.87402 12.4707 6.87402Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/7-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/7-circle-filled.svg
new file mode 100644
index 000000000..7c7d8119f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/7-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8.92676 7.15137C8.81648 7.15157 8.72754 7.24123 8.72754 7.35156V8.6416C8.72754 8.75193 8.81648 8.84159 8.92676 8.8418H13.3545C13.5105 8.8418 13.6064 9.01224 13.5254 9.14551L9.02344 16.5449C8.94253 16.6782 9.03839 16.8486 9.19434 16.8486H10.8848C10.9557 16.8486 11.0217 16.8111 11.0576 16.75L15.668 8.88867C15.686 8.85799 15.6963 8.82268 15.6963 8.78711V7.35156C15.6963 7.24117 15.6065 7.15148 15.4961 7.15137H8.92676Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/8-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/8-circle-filled.svg
new file mode 100644
index 000000000..54f78245e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/8-circle-filled.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0137 12.499C12.3831 12.499 12.6975 12.5631 12.9561 12.6924C13.2238 12.8217 13.4269 13.0026 13.5654 13.2334C13.713 13.4549 13.7871 13.7224 13.7871 14.0361C13.7871 14.3317 13.7132 14.5908 13.5654 14.8125C13.4269 15.0341 13.2238 15.2052 12.9561 15.3252C12.6975 15.4453 12.3831 15.5049 12.0137 15.5049C11.6443 15.5049 11.321 15.4452 11.0439 15.3252C10.7763 15.2052 10.5687 15.034 10.4209 14.8125C10.2824 14.5908 10.2129 14.3317 10.2129 14.0361C10.2129 13.7223 10.2825 13.4549 10.4209 13.2334C10.5687 13.0025 10.7761 12.8217 11.0439 12.6924C11.321 12.5631 11.6443 12.499 12.0137 12.499Z" fill="#222631"/>
+<path d="M12.0273 8.48145C12.4336 8.48145 12.757 8.59196 12.9971 8.81348C13.2372 9.03513 13.3574 9.32634 13.3574 9.68652C13.3574 9.93587 13.3022 10.1532 13.1914 10.3379C13.0806 10.5133 12.9229 10.6514 12.7197 10.7529C12.5258 10.8452 12.2951 10.8916 12.0273 10.8916C11.5934 10.8916 11.2513 10.7856 11.002 10.5732C10.7527 10.3516 10.6279 10.0559 10.6279 9.68652C10.6279 9.44645 10.6841 9.23893 10.7949 9.06348C10.9057 8.87877 11.0625 8.73538 11.2656 8.63379C11.478 8.53222 11.7319 8.48146 12.0273 8.48145Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 6.87402C11.2796 6.87402 10.6741 6.99869 10.1846 7.24805C9.70456 7.4881 9.34013 7.81162 9.09082 8.21777C8.84153 8.6148 8.71686 9.03978 8.7168 9.49219C8.7168 9.97244 8.84146 10.4026 9.09082 10.7812C9.23693 11.003 9.42303 11.1974 9.64844 11.3652C9.78441 11.4665 9.77192 11.6949 9.625 11.7793C9.48763 11.8579 9.36011 11.9457 9.24316 12.042C8.9292 12.2913 8.68868 12.5959 8.52246 12.9561C8.36552 13.307 8.28711 13.6998 8.28711 14.1338C8.28717 14.697 8.43056 15.2048 8.7168 15.6572C9.0031 16.1097 9.42343 16.4705 9.97754 16.7383C10.5316 16.9967 11.2059 17.126 12 17.126C12.6001 17.126 13.1311 17.0476 13.5928 16.8906C14.0638 16.7429 14.4521 16.5344 14.7568 16.2666C15.0706 15.9989 15.3059 15.6851 15.4629 15.3252C15.6291 14.9559 15.7128 14.5585 15.7129 14.1338C15.7129 13.5519 15.5695 13.0479 15.2832 12.623C14.9969 12.1891 14.5765 11.8524 14.0225 11.6123C14.0079 11.6059 14.0066 11.5867 14.0205 11.5791C14.4075 11.3703 14.7041 11.1046 14.9092 10.7812C15.1585 10.4026 15.2832 9.97244 15.2832 9.49219C15.2831 9.03978 15.1585 8.6148 14.9092 8.21777C14.6691 7.81147 14.3039 7.48815 13.8145 7.24805C13.3343 6.99878 12.7294 6.87405 12 6.87402Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/9-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/9-circle-filled.svg
new file mode 100644
index 000000000..a5066e87a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/9-circle-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9785 8.56445C12.3848 8.56445 12.7313 8.67492 13.0176 8.89648C13.3131 9.11813 13.5393 9.47883 13.6963 9.97754C13.7608 10.1787 13.8109 10.409 13.8486 10.668C13.8559 10.7181 13.8432 10.7692 13.8125 10.8096C13.6017 11.0862 13.3465 11.2994 13.0449 11.4463C12.6941 11.6216 12.3109 11.709 11.8955 11.709C11.5909 11.709 11.3182 11.6448 11.0781 11.5156C10.8473 11.3771 10.662 11.1918 10.5234 10.9609C10.3942 10.7209 10.3301 10.4527 10.3301 10.1572C10.3301 9.85258 10.3942 9.57989 10.5234 9.33984C10.6619 9.09982 10.8518 8.91098 11.0918 8.77246C11.3411 8.63394 11.6368 8.56446 11.9785 8.56445Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM11.9365 6.87402C11.2072 6.87409 10.5746 7.02641 10.0391 7.33105C9.51266 7.63583 9.10661 8.04284 8.82031 8.55078C8.5433 9.04943 8.40433 9.60789 8.4043 10.2266C8.4043 10.8084 8.53341 11.3401 8.79199 11.8203C9.05057 12.2912 9.41579 12.6698 9.88672 12.9561C10.3576 13.233 10.9118 13.3711 11.5488 13.3711C12.0568 13.3711 12.5145 13.2927 12.9209 13.1357C13.1383 13.0468 13.342 12.9382 13.5322 12.8115C13.6803 12.7132 13.8918 12.8215 13.8701 12.998C13.85 13.1619 13.8242 13.3188 13.793 13.4688C13.7007 13.9024 13.558 14.2671 13.3643 14.5625C13.1795 14.8488 12.9435 15.0661 12.6572 15.2139C12.371 15.3616 12.0387 15.4355 11.6602 15.4355C11.2723 15.4355 10.9303 15.3429 10.6348 15.1582C10.3895 14.9972 10.1599 14.7852 9.94629 14.5225C9.87392 14.4337 9.74308 14.4169 9.6543 14.4893L8.52441 15.4111C8.44182 15.4787 8.42677 15.5999 8.49414 15.6826C8.68087 15.9113 8.89571 16.1249 9.13867 16.3223C9.44335 16.5623 9.80332 16.7566 10.2188 16.9043C10.6343 17.0521 11.1108 17.126 11.6465 17.126C12.3851 17.1259 13.0177 17.0012 13.5439 16.752C14.0796 16.4934 14.5186 16.1371 14.8604 15.6846C15.2019 15.2229 15.4514 14.6732 15.6084 14.0361C15.7746 13.399 15.8574 12.7059 15.8574 11.958C15.8574 10.8776 15.7051 9.95839 15.4004 9.20117C15.0956 8.44404 14.6521 7.86679 14.0703 7.46973C13.4885 7.07268 12.7769 6.87402 11.9365 6.87402Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/Rectangle 3467384.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/Rectangle 3467384.svg
new file mode 100644
index 000000000..fcdfaaa2e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/Rectangle 3467384.svg	
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" fill="white"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/Vector 736.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/Vector 736.svg
new file mode 100644
index 000000000..7b794c7ec
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/Vector 736.svg	
@@ -0,0 +1,3 @@
+<svg width="4" height="2" viewBox="0 0 4 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.20874 0.75H0" stroke="white" stroke-width="1.5"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/account_circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/account_circle.svg
new file mode 100644
index 000000000..196f9ba86
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/account_circle.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.85 17.1C6.7 16.45 7.65 15.9375 8.7 15.5625C9.75 15.1875 10.85 15 12 15C13.15 15 14.25 15.1875 15.3 15.5625C16.35 15.9375 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1875 15.6417 19.5125 14.775C19.8375 13.9083 20 12.9833 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 12.9833 4.1625 13.9083 4.4875 14.775C4.8125 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C12.8833 20 13.7167 19.8708 14.5 19.6125C15.2833 19.3542 16 18.9833 16.65 18.5C16 18.0167 15.2833 17.6458 14.5 17.3875C13.7167 17.1292 12.8833 17 12 17C11.1167 17 10.2833 17.1292 9.5 17.3875C8.71667 17.6458 8 18.0167 7.35 18.5C8 18.9833 8.71667 19.3542 9.5 19.6125C10.2833 19.8708 11.1167 20 12 20ZM12 11C12.4333 11 12.7917 10.8583 13.075 10.575C13.3583 10.2917 13.5 9.93333 13.5 9.5C13.5 9.06667 13.3583 8.70833 13.075 8.425C12.7917 8.14167 12.4333 8 12 8C11.5667 8 11.2083 8.14167 10.925 8.425C10.6417 8.70833 10.5 9.06667 10.5 9.5C10.5 9.93333 10.6417 10.2917 10.925 10.575C11.2083 10.8583 11.5667 11 12 11Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/account_tree.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/account_tree.svg
new file mode 100644
index 000000000..b119a86ff
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/account_tree.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 21V18H11V8H9V11H2V3H9V6H15V3H22V11H15V8H13V16H15V13H22V21H15ZM17 9H20V5H17V9ZM17 19H20V15H17V19ZM4 9H7V5H4V9Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/add.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/add.svg
new file mode 100644
index 000000000..096bbe659
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/add.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/add_box.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_box.svg
new file mode 100644
index 000000000..888302a42
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_box.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/add_box_filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_box_filled.svg
new file mode 100644
index 000000000..e4a757f5c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_box_filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/add_circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_circle.svg
new file mode 100644
index 000000000..2091a2df9
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_circle.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/add_comment.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_comment.svg
new file mode 100644
index 000000000..026eaab02
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_comment.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 14H13V11H16V9H13V6H11V9H8V11H11V14ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/add_link.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_link.svg
new file mode 100644
index 000000000..470a65a99
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_link.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 20V17H14V15H17V12H19V15H22V17H19V20H17ZM11 17H7C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H11V9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H11V17ZM8 13V11H16V13H8ZM22 12H20C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H13V7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/add_notes.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_notes.svg
new file mode 100644
index 000000000..4358f7ad1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_notes.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V11.7C20.6833 11.55 20.3583 11.4208 20.025 11.3125C19.6917 11.2042 19.35 11.125 19 11.075V5H5V19H11.05C11.1 19.3667 11.1792 19.7167 11.2875 20.05C11.3958 20.3833 11.525 20.7 11.675 21H5ZM5 19V5V11.075V11V19ZM7 17H11.075C11.125 16.65 11.2042 16.3083 11.3125 15.975C11.4208 15.6417 11.5417 15.3167 11.675 15H7V17ZM7 13H13.1C13.6333 12.5 14.2292 12.0833 14.8875 11.75C15.5458 11.4167 16.25 11.1917 17 11.075V11H7V13ZM7 9H17V7H7V9ZM18 23C16.6167 23 15.4375 22.5125 14.4625 21.5375C13.4875 20.5625 13 19.3833 13 18C13 16.6167 13.4875 15.4375 14.4625 14.4625C15.4375 13.4875 16.6167 13 18 13C19.3833 13 20.5625 13.4875 21.5375 14.4625C22.5125 15.4375 23 16.6167 23 18C23 19.3833 22.5125 20.5625 21.5375 21.5375C20.5625 22.5125 19.3833 23 18 23ZM17.5 21H18.5V18.5H21V17.5H18.5V15H17.5V17.5H15V18.5H17.5V21Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/add_photo_alternate.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_photo_alternate.svg
new file mode 100644
index 000000000..4d701f3ad
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/add_photo_alternate.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H13V5H5V19H19V11H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM6 17H18L14.25 12L11.25 16L9 13L6 17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/admin_panel_settings.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/admin_panel_settings.svg
new file mode 100644
index 000000000..8dca8005b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/admin_panel_settings.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 17C17.4167 17 17.7708 16.8542 18.0625 16.5625C18.3542 16.2708 18.5 15.9167 18.5 15.5C18.5 15.0833 18.3542 14.7292 18.0625 14.4375C17.7708 14.1458 17.4167 14 17 14C16.5833 14 16.2292 14.1458 15.9375 14.4375C15.6458 14.7292 15.5 15.0833 15.5 15.5C15.5 15.9167 15.6458 16.2708 15.9375 16.5625C16.2292 16.8542 16.5833 17 17 17ZM17 20C17.5167 20 17.9917 19.8792 18.425 19.6375C18.8583 19.3958 19.2083 19.075 19.475 18.675C19.1083 18.4583 18.7167 18.2917 18.3 18.175C17.8833 18.0583 17.45 18 17 18C16.55 18 16.1167 18.0583 15.7 18.175C15.2833 18.2917 14.8917 18.4583 14.525 18.675C14.7917 19.075 15.1417 19.3958 15.575 19.6375C16.0083 19.8792 16.4833 20 17 20ZM12 22C9.68333 21.4167 7.77083 20.0875 6.2625 18.0125C4.75417 15.9375 4 13.6333 4 11.1V5L12 2L20 5V10.675C19.6833 10.5417 19.3583 10.4208 19.025 10.3125C18.6917 10.2042 18.35 10.125 18 10.075V6.4L12 4.15L6 6.4V11.1C6 11.8833 6.10417 12.6667 6.3125 13.45C6.52083 14.2333 6.8125 14.9792 7.1875 15.6875C7.5625 16.3958 8.01667 17.05 8.55 17.65C9.08333 18.25 9.675 18.75 10.325 19.15C10.5083 19.6833 10.75 20.1917 11.05 20.675C11.35 21.1583 11.6917 21.5917 12.075 21.975C12.0583 21.975 12.0458 21.9792 12.0375 21.9875C12.0292 21.9958 12.0167 22 12 22ZM17 22C15.6167 22 14.4375 21.5125 13.4625 20.5375C12.4875 19.5625 12 18.3833 12 17C12 15.6167 12.4875 14.4375 13.4625 13.4625C14.4375 12.4875 15.6167 12 17 12C18.3833 12 19.5625 12.4875 20.5375 13.4625C21.5125 14.4375 22 15.6167 22 17C22 18.3833 21.5125 19.5625 20.5375 20.5375C19.5625 21.5125 18.3833 22 17 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/all.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/all.svg
new file mode 100644
index 000000000..1cc92d406
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/all.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.22905 11.2581C6.4836 11.2581 5.80593 11.0764 5.19602 10.7129C4.59227 10.3494 4.10865 9.86583 3.74517 9.26208C3.38169 8.65217 3.19995 7.97449 3.19995 7.22905C3.19995 6.48977 3.38169 5.81517 3.74517 5.20526C4.10865 4.59535 4.59227 4.10865 5.19602 3.74517C5.80593 3.38169 6.4836 3.19995 7.22905 3.19995C7.96833 3.19995 8.64293 3.38169 9.25284 3.74517C9.86275 4.10865 10.3494 4.59535 10.7129 5.20526C11.0764 5.81517 11.2581 6.48977 11.2581 7.22905C11.2581 7.97449 11.0764 8.65217 10.7129 9.26208C10.3494 9.86583 9.86275 10.3494 9.25284 10.7129C8.64293 11.0764 7.96833 11.2581 7.22905 11.2581ZM16.7566 11.2581C16.0111 11.2581 15.3335 11.0764 14.7235 10.7129C14.1136 10.3494 13.6269 9.86583 13.2635 9.26208C12.9061 8.65217 12.7275 7.97449 12.7275 7.22905C12.7275 6.48977 12.9061 5.81517 13.2635 5.20526C13.6269 4.59535 14.1136 4.10865 14.7235 3.74517C15.3335 3.38169 16.0111 3.19995 16.7566 3.19995C17.4959 3.19995 18.1705 3.38169 18.7804 3.74517C19.3903 4.10865 19.877 4.59535 20.2404 5.20526C20.6039 5.81517 20.7857 6.48977 20.7857 7.22905C20.7857 7.97449 20.6039 8.65217 20.2404 9.26208C19.877 9.86583 19.3903 10.3494 18.7804 10.7129C18.1705 11.0764 17.4959 11.2581 16.7566 11.2581ZM7.22905 20.7764C6.4836 20.7764 5.80593 20.5947 5.19602 20.2312C4.59227 19.8677 4.10865 19.381 3.74517 18.7711C3.38169 18.1612 3.19995 17.4866 3.19995 16.7473C3.19995 16.0019 3.38169 15.3242 3.74517 14.7143C4.10865 14.1044 4.59227 13.6208 5.19602 13.2635C5.80593 12.9 6.4836 12.7182 7.22905 12.7182C7.96833 12.7182 8.64293 12.9 9.25284 13.2635C9.86275 13.6208 10.3494 14.1044 10.7129 14.7143C11.0764 15.3242 11.2581 16.0019 11.2581 16.7473C11.2581 17.4866 11.0764 18.1612 10.7129 18.7711C10.3494 19.381 9.86275 19.8677 9.25284 20.2312C8.64293 20.5947 7.96833 20.7764 7.22905 20.7764ZM16.7566 20.7764C16.0111 20.7764 15.3335 20.5947 14.7235 20.2312C14.1136 19.8677 13.6269 19.381 13.2635 18.7711C12.9061 18.1612 12.7275 17.4866 12.7275 16.7473C12.7275 16.0019 12.9061 15.3242 13.2635 14.7143C13.6269 14.1044 14.1136 13.6208 14.7235 13.2635C15.3335 12.9 16.0111 12.7182 16.7566 12.7182C17.4959 12.7182 18.1705 12.9 18.7804 13.2635C19.3903 13.6208 19.877 14.1044 20.2404 14.7143C20.6039 15.3242 20.7857 16.0019 20.7857 16.7473C20.7857 17.4866 20.6039 18.1612 20.2404 18.7711C19.877 19.381 19.3903 19.8677 18.7804 20.2312C18.1705 20.5947 17.4959 20.7764 16.7566 20.7764Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/apps.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/apps.svg
new file mode 100644
index 000000000..d127fa715
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/apps.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18C4 17.45 4.19583 16.9792 4.5875 16.5875C4.97917 16.1958 5.45 16 6 16C6.55 16 7.02083 16.1958 7.4125 16.5875C7.80417 16.9792 8 17.45 8 18C8 18.55 7.80417 19.0208 7.4125 19.4125C7.02083 19.8042 6.55 20 6 20ZM12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM18 20C17.45 20 16.9792 19.8042 16.5875 19.4125C16.1958 19.0208 16 18.55 16 18C16 17.45 16.1958 16.9792 16.5875 16.5875C16.9792 16.1958 17.45 16 18 16C18.55 16 19.0208 16.1958 19.4125 16.5875C19.8042 16.9792 20 17.45 20 18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20ZM6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14ZM6 8C5.45 8 4.97917 7.80417 4.5875 7.4125C4.19583 7.02083 4 6.55 4 6C4 5.45 4.19583 4.97917 4.5875 4.5875C4.97917 4.19583 5.45 4 6 4C6.55 4 7.02083 4.19583 7.4125 4.5875C7.80417 4.97917 8 5.45 8 6C8 6.55 7.80417 7.02083 7.4125 7.4125C7.02083 7.80417 6.55 8 6 8ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8ZM18 8C17.45 8 16.9792 7.80417 16.5875 7.4125C16.1958 7.02083 16 6.55 16 6C16 5.45 16.1958 4.97917 16.5875 4.5875C16.9792 4.19583 17.45 4 18 4C18.55 4 19.0208 4.19583 19.4125 4.5875C19.8042 4.97917 20 5.45 20 6C20 6.55 19.8042 7.02083 19.4125 7.4125C19.0208 7.80417 18.55 8 18 8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down-circle-filled.svg
new file mode 100644
index 000000000..7a274f141
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9956 22C13.3765 21.9999 14.6707 21.7385 15.8774 21.2158C17.0906 20.6995 18.1554 19.9827 19.0718 19.0664C19.9881 18.1565 20.7049 17.095 21.2212 15.8818C21.7439 14.6751 22.0044 13.381 22.0044 12C22.0044 10.619 21.7439 9.32494 21.2212 8.11816C20.7049 6.91144 19.9881 5.84996 19.0718 4.93359C18.1554 4.01726 17.0906 3.30046 15.8774 2.78418C14.6707 2.26149 13.3765 2.00006 11.9956 2C10.6145 2 9.31963 2.26143 8.11279 2.78418C6.90612 3.30046 5.84454 4.01727 4.92822 4.93359C4.01195 5.84993 3.29272 6.91148 2.77002 8.11816C2.25372 9.325 1.99561 10.6189 1.99561 12C1.99561 13.3811 2.25372 14.675 2.77002 15.8818C3.29272 17.095 4.01195 18.1565 4.92822 19.0664C5.84454 19.9827 6.90612 20.6995 8.11279 21.2158C9.31963 21.7386 10.6145 22 11.9956 22ZM12.0044 17.0723C11.8885 17.0722 11.7726 17.0499 11.6567 17.0049C11.547 16.9597 11.4307 16.8788 11.3081 16.7627L8.02588 13.5977C7.94199 13.5202 7.8777 13.4327 7.83252 13.3359C7.78735 13.2391 7.76514 13.1294 7.76514 13.0068C7.76514 12.7746 7.84513 12.584 8.00635 12.4355C8.16762 12.2872 8.35833 12.213 8.57764 12.2129C8.83578 12.2129 9.04618 12.3037 9.20752 12.4844L10.6108 13.9844L11.1528 14.6328L11.0757 13.1523V7.83691C11.0758 7.58543 11.1656 7.36906 11.3462 7.18848C11.5332 7.01433 11.7529 6.92783 12.0044 6.92773C12.269 6.92773 12.4893 7.01423 12.6636 7.18848C12.8441 7.36905 12.934 7.58545 12.9341 7.83691V13.1523L12.8667 14.6328L13.4087 13.9844L14.812 12.4844C14.9669 12.3037 15.174 12.2129 15.4321 12.2129C15.6577 12.213 15.851 12.2873 16.0122 12.4355C16.1735 12.584 16.2544 12.7745 16.2544 13.0068C16.2544 13.1294 16.2322 13.2392 16.187 13.3359C16.1418 13.4327 16.0742 13.5202 15.9839 13.5977L12.7114 16.7627C12.5888 16.8789 12.4725 16.9597 12.3628 17.0049C12.2531 17.05 12.1334 17.0723 12.0044 17.0723Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down-circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down-circle.svg
new file mode 100644
index 000000000..03fa6132b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9951 16.9463C12.1176 16.9463 12.2341 16.924 12.3438 16.8789C12.4534 16.8337 12.5665 16.7528 12.6826 16.6367L15.8867 13.5586C15.9642 13.4811 16.0261 13.3937 16.0713 13.2969C16.1164 13.2066 16.1387 13.1001 16.1387 12.9775C16.1387 12.7517 16.0578 12.5645 15.8965 12.416C15.7416 12.2741 15.551 12.2031 15.3252 12.2031C15.2156 12.2032 15.109 12.2254 15.0059 12.2705C14.9028 12.3156 14.8094 12.3835 14.7256 12.4736L13.3604 13.9258L12.8467 14.5137L12.9053 13.123V7.94336C12.9052 7.70475 12.8153 7.49506 12.6348 7.31445C12.4605 7.1402 12.2468 7.05273 11.9951 7.05273C11.75 7.05282 11.5371 7.14029 11.3564 7.31445C11.1823 7.49509 11.0948 7.7047 11.0947 7.94336V13.123L11.1533 14.5254L10.6309 13.9258L9.26562 12.4736C9.18821 12.3834 9.09401 12.3157 8.98438 12.2705C8.87482 12.2255 8.76483 12.2031 8.65527 12.2031C8.43613 12.2032 8.24947 12.2743 8.09473 12.416C7.93984 12.5645 7.8623 12.7517 7.8623 12.9775C7.86232 13.1001 7.88122 13.2066 7.91992 13.2969C7.9651 13.3937 8.0327 13.4812 8.12305 13.5586L11.3086 16.6367C11.431 16.7527 11.5467 16.8337 11.6562 16.8789C11.7658 16.924 11.8791 16.9462 11.9951 16.9463Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9951 22C13.376 22 14.6703 21.7417 15.877 21.2256C17.0902 20.7093 18.1558 19.9926 19.0723 19.0762C19.9885 18.1599 20.7044 17.0949 21.2207 15.8818C21.7434 14.6751 22.0048 13.381 22.0049 12C22.0049 10.619 21.7434 9.32165 21.2207 8.1084C20.7044 6.90157 19.9887 5.84258 19.0723 4.93262C18.1558 4.01619 17.0902 3.30048 15.877 2.78418C14.6702 2.26149 13.3761 2 11.9951 2C10.6142 2.00005 9.32001 2.26148 8.11328 2.78418C6.90667 3.30044 5.845 4.01635 4.92871 4.93262C4.01229 5.84259 3.29228 6.90156 2.76953 8.1084C2.25336 9.32157 1.99512 10.6191 1.99512 12C1.99516 13.381 2.25328 14.6751 2.76953 15.8818C3.29228 17.0951 4.01231 18.1598 4.92871 19.0762C5.8451 19.9925 6.90651 20.7093 8.11328 21.2256C9.32001 21.7418 10.6142 22 11.9951 22ZM11.9951 20.0244C10.8917 20.0244 9.85233 19.8149 8.87793 19.3955C7.91004 18.9825 7.05789 18.4085 6.32227 17.6729C5.58663 16.9437 5.00932 16.0915 4.58984 15.1172C4.17685 14.1492 3.97075 13.1099 3.9707 12C3.9707 10.8901 4.17689 9.85079 4.58984 8.88281C5.00926 7.91492 5.58672 7.06278 6.32227 6.32715C7.05791 5.5915 7.91 5.01654 8.87793 4.60352C9.85233 4.18407 10.8917 3.97466 11.9951 3.97461C13.105 3.97461 14.1443 4.18412 15.1123 4.60352C16.0804 5.01655 16.9322 5.59143 17.668 6.32715C18.4101 7.06287 18.9883 7.91476 19.4014 8.88281C19.8143 9.85077 20.0205 10.8901 20.0205 12C20.0205 13.1099 19.8144 14.1492 19.4014 15.1172C18.9883 16.0916 18.4101 16.9437 17.668 17.6729C16.9323 18.4084 16.0802 18.9825 15.1123 19.3955C14.1443 19.8149 13.1051 20.0244 11.9951 20.0244Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down.svg
new file mode 100644
index 000000000..03a622704
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.29302 12.707C3.90249 12.3165 3.90249 11.6835 4.29302 11.293C4.68354 10.9024 5.31655 10.9024 5.70708 11.293L11 16.5859V5C11 4.44771 11.4478 4 12 4C12.5523 4 13 4.44771 13 5V16.5859L18.293 11.293C18.6835 10.9024 19.3166 10.9024 19.7071 11.293C20.0976 11.6835 20.0976 12.3165 19.7071 12.707L12.7071 19.707C12.3166 20.0976 11.6835 20.0976 11.293 19.707L4.29302 12.707Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-left.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-left.svg
new file mode 100644
index 000000000..e21727101
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.293 4.29302C11.6835 3.90249 12.3165 3.90249 12.707 4.29302C13.0975 4.68354 13.0975 5.31655 12.707 5.70708L7.41405 11H19C19.5523 11 20 11.4478 20 12C20 12.5523 19.5523 13 19 13H7.41405L12.707 18.293C13.0975 18.6835 13.0975 19.3166 12.707 19.7071C12.3165 20.0976 11.6835 20.0976 11.293 19.7071L4.29295 12.7071C3.90243 12.3166 3.90243 11.6835 4.29295 11.293L11.293 4.29302Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-right.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-right.svg
new file mode 100644
index 000000000..607e4ae72
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-right.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.293 4.29302C11.6835 3.90249 12.3165 3.90249 12.707 4.29302L19.707 11.293C20.0976 11.6835 20.0976 12.3166 19.707 12.7071L12.707 19.7071C12.3165 20.0976 11.6835 20.0976 11.293 19.7071C10.9024 19.3166 10.9024 18.6835 11.293 18.293L16.5859 13H5C4.44772 13 4 12.5523 4 12C4 11.4478 4.44772 11 5 11H16.5859L11.293 5.70708C10.9024 5.31655 10.9024 4.68354 11.293 4.29302Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-squarepath.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-squarepath.svg
new file mode 100644
index 000000000..e781d9bae
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-squarepath.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.72632 5.87305C6.05743 5.87305 6.37785 6.02513 6.68725 6.3291L9.46362 9.09766C9.63725 9.2659 9.72436 9.4587 9.72436 9.67578C9.72427 9.89265 9.64282 10.0824 9.48022 10.2451C9.31195 10.4188 9.12161 10.5035 8.90991 10.498C8.69831 10.4872 8.50542 10.3977 8.33179 10.2295L7.67261 9.57812L6.52417 8.29395V16.8164C6.52422 17.2124 6.6252 17.5078 6.82593 17.7031C7.02677 17.8985 7.31705 17.9971 7.69702 17.9971H13.9578C14.2235 17.9971 14.4328 18.0671 14.5847 18.208C14.7367 18.3546 14.8156 18.5531 14.821 18.8027C14.821 19.047 14.7421 19.2397 14.5847 19.3809C14.4327 19.5273 14.2236 19.6006 13.9578 19.6006H7.59936C6.72001 19.6006 6.05478 19.3753 5.60425 18.9248C5.15378 18.4797 4.92847 17.8225 4.92847 16.9541V8.29395L3.78003 9.57812L3.11304 10.2295C2.95022 10.3977 2.7598 10.4872 2.54272 10.498C2.33114 10.5034 2.14159 10.4187 1.97339 10.2451C1.80521 10.0824 1.72295 9.89275 1.72827 9.67578C1.7337 9.45878 1.82092 9.26586 1.98901 9.09766L4.77417 6.3291C5.07806 6.02525 5.3953 5.8731 5.72632 5.87305Z" fill="#222631"/>
+<path d="M16.4167 4.39941C17.2907 4.39941 17.9535 4.62228 18.4041 5.06738C18.8544 5.51248 19.0798 6.17219 19.0798 7.0459V15.6963L20.2273 14.4141L20.8874 13.7627C21.0556 13.6001 21.2453 13.5163 21.4568 13.5107C21.6683 13.4999 21.8613 13.5781 22.0349 13.7461C22.1977 13.9143 22.2766 14.1072 22.2712 14.3242C22.2712 14.5358 22.1874 14.7263 22.0193 14.8945L19.2429 17.6631C18.9336 17.967 18.613 18.1191 18.282 18.1191C17.9509 18.1246 17.6304 17.9724 17.321 17.6631L14.5447 14.8945C14.371 14.7263 14.2816 14.5359 14.2761 14.3242C14.2762 14.1072 14.3575 13.9143 14.5203 13.7461C14.6939 13.578 14.8868 13.4999 15.0984 13.5107C15.3153 13.5162 15.505 13.6001 15.6677 13.7627L16.3357 14.4141L17.4841 15.6963V7.17578C17.4841 6.78507 17.3831 6.49229 17.1824 6.29688C16.9815 6.10146 16.6912 6.00293 16.3113 6.00293H10.0583C9.78694 6.00293 9.57459 5.93312 9.42261 5.79199C9.27064 5.64544 9.19269 5.44693 9.18725 5.19727C9.18725 4.95303 9.26284 4.76027 9.41479 4.61914C9.57221 4.47258 9.78694 4.39941 10.0583 4.39941H16.4167Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-circle-filled.svg
new file mode 100644
index 000000000..1d813e923
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9956 2C13.3765 2.00006 14.6707 2.26149 15.8774 2.78418C17.0906 3.30046 18.1554 4.01726 19.0718 4.93359C19.9881 5.8435 20.7049 6.90499 21.2212 8.11816C21.7439 9.32494 22.0044 10.619 22.0044 12C22.0044 13.381 21.7439 14.6751 21.2212 15.8818C20.7049 17.0886 19.9881 18.15 19.0718 19.0664C18.1554 19.9827 17.0906 20.6995 15.8774 21.2158C14.6707 21.7385 13.3765 21.9999 11.9956 22C10.6145 22 9.31963 21.7386 8.11279 21.2158C6.90612 20.6995 5.84454 19.9827 4.92822 19.0664C4.01195 18.1501 3.29272 17.0885 2.77002 15.8818C2.25372 14.675 1.99561 13.3811 1.99561 12C1.99561 10.6189 2.25372 9.32501 2.77002 8.11816C3.29272 6.90503 4.01195 5.84348 4.92822 4.93359C5.84454 4.01727 6.90612 3.30046 8.11279 2.78418C9.31963 2.26143 10.6145 2 11.9956 2ZM12.0044 6.92773C11.8885 6.92779 11.7726 6.95009 11.6567 6.99512C11.547 7.04028 11.4307 7.12118 11.3081 7.2373L8.02588 10.4023C7.94199 10.4798 7.8777 10.5673 7.83252 10.6641C7.78735 10.7609 7.76514 10.8706 7.76514 10.9932C7.76514 11.2254 7.84513 11.416 8.00635 11.5645C8.16762 11.7128 8.35833 11.787 8.57764 11.7871C8.83578 11.7871 9.04618 11.6963 9.20752 11.5156L10.6108 10.0156L11.1528 9.36719L11.0757 10.8477V16.1631C11.0758 16.4146 11.1656 16.6309 11.3462 16.8115C11.5332 16.9857 11.7529 17.0722 12.0044 17.0723C12.269 17.0723 12.4893 16.9858 12.6636 16.8115C12.8441 16.6309 12.934 16.4145 12.9341 16.1631V10.8477L12.8667 9.36719L13.4087 10.0156L14.812 11.5156C14.9669 11.6963 15.174 11.7871 15.4321 11.7871C15.6577 11.787 15.851 11.7127 16.0122 11.5645C16.1735 11.416 16.2544 11.2255 16.2544 10.9932C16.2544 10.8706 16.2322 10.7608 16.187 10.6641C16.1418 10.5673 16.0742 10.4798 15.9839 10.4023L12.7114 7.2373C12.5888 7.12114 12.4725 7.04029 12.3628 6.99512C12.2531 6.95 12.1334 6.92773 12.0044 6.92773Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-circle.svg
new file mode 100644
index 000000000..ddd0bf04f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9951 7.05371C12.1176 7.05371 12.2341 7.076 12.3438 7.12109C12.4534 7.16625 12.5665 7.2472 12.6826 7.36328L15.8867 10.4414C15.9642 10.5189 16.0261 10.6063 16.0713 10.7031C16.1164 10.7934 16.1387 10.8999 16.1387 11.0225C16.1387 11.2483 16.0578 11.4355 15.8965 11.584C15.7416 11.7259 15.551 11.7969 15.3252 11.7969C15.2156 11.7968 15.109 11.7746 15.0059 11.7295C14.9028 11.6844 14.8094 11.6165 14.7256 11.5264L13.3604 10.0742L12.8467 9.48633L12.9053 10.877V16.0566C12.9052 16.2953 12.8153 16.5049 12.6348 16.6855C12.4605 16.8598 12.2468 16.9473 11.9951 16.9473C11.75 16.9472 11.5371 16.8597 11.3564 16.6855C11.1823 16.5049 11.0948 16.2953 11.0947 16.0566V10.877L11.1533 9.47461L10.6309 10.0742L9.26562 11.5264C9.18821 11.6166 9.09401 11.6843 8.98438 11.7295C8.87482 11.7745 8.76483 11.7969 8.65527 11.7969C8.43613 11.7968 8.24947 11.7257 8.09473 11.584C7.93984 11.4355 7.8623 11.2483 7.8623 11.0225C7.86232 10.8999 7.88122 10.7934 7.91992 10.7031C7.9651 10.6063 8.0327 10.5188 8.12305 10.4414L11.3086 7.36328C11.431 7.24735 11.5467 7.16626 11.6562 7.12109C11.7658 7.07597 11.8791 7.05376 11.9951 7.05371Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9951 2C13.376 2 14.6703 2.25827 15.877 2.77441C17.0902 3.29071 18.1558 4.0074 19.0723 4.92383C19.9885 5.84013 20.7044 6.90508 21.2207 8.11816C21.7434 9.3249 22.0048 10.619 22.0049 12C22.0049 13.381 21.7434 14.6784 21.2207 15.8916C20.7044 17.0984 19.9887 18.1574 19.0723 19.0674C18.1558 19.9838 17.0902 20.6995 15.877 21.2158C14.6702 21.7385 13.3761 22 11.9951 22C10.6142 22 9.32001 21.7385 8.11328 21.2158C6.90667 20.6996 5.845 19.9836 4.92871 19.0674C4.01229 18.1574 3.29228 17.0984 2.76953 15.8916C2.25336 14.6784 1.99512 13.3809 1.99512 12C1.99516 10.619 2.25328 9.3249 2.76953 8.11816C3.29228 6.90491 4.01231 5.84023 4.92871 4.92383C5.8451 4.00745 6.90651 3.2907 8.11328 2.77441C9.32001 2.25817 10.6142 2.00005 11.9951 2ZM11.9951 3.97559C10.8917 3.97563 9.85233 4.18505 8.87793 4.60449C7.91004 5.01752 7.05789 5.59153 6.32227 6.32715C5.58663 7.05633 5.00932 7.90845 4.58984 8.88281C4.17685 9.85076 3.97075 10.8901 3.9707 12C3.9707 13.1099 4.17689 14.1492 4.58984 15.1172C5.00926 16.0851 5.58672 16.9372 6.32227 17.6729C7.05791 18.4085 7.91 18.9835 8.87793 19.3965C9.85233 19.8159 10.8917 20.0253 11.9951 20.0254C13.105 20.0254 14.1443 19.8159 15.1123 19.3965C16.0804 18.9834 16.9322 18.4086 17.668 17.6729C18.4101 16.9371 18.9883 16.0852 19.4014 15.1172C19.8143 14.1492 20.0205 13.1099 20.0205 12C20.0205 10.8901 19.8144 9.85076 19.4014 8.88281C18.9883 7.90841 18.4101 7.05635 17.668 6.32715C16.9323 5.59161 16.0802 5.01746 15.1123 4.60449C14.1443 4.18508 13.1051 3.97559 11.9951 3.97559Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-down-circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-down-circle.svg
new file mode 100644
index 000000000..72029685c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-down-circle.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.05175 7.30447C9.25173 7.30447 9.41979 7.37236 9.55528 7.50776L11.9082 9.92847C12.0371 10.0575 12.1012 10.2158 12.1012 10.4028C12.1011 10.5963 12.0402 10.7546 11.9176 10.8772C11.8015 10.9997 11.6492 11.0607 11.4621 11.0607C11.2751 11.0606 11.1167 10.9958 10.9878 10.8668L9.90352 9.73459L9.70775 9.51435L9.71999 9.94729V16.0555C9.71999 16.2491 9.65518 16.4112 9.52611 16.5402C9.39708 16.6627 9.23878 16.7238 9.05175 16.7238C8.85832 16.7237 8.69698 16.6627 8.56799 16.5402C8.44537 16.4112 8.38446 16.2491 8.38446 16.0555V9.95671L8.39105 9.53129L8.21975 9.73459L7.12516 10.8668C7.00255 10.9959 6.84439 11.0607 6.65081 11.0607C6.464 11.0606 6.30929 10.9995 6.18681 10.8772C6.06426 10.7546 6.00242 10.5963 6.00234 10.4028C6.00234 10.2286 6.07401 10.0705 6.21599 9.92847L8.56799 7.50776C8.69698 7.37236 8.85832 7.30455 9.05175 7.30447Z" fill="#222631"/>
+<path d="M14.9087 7.29506C15.0957 7.29506 15.254 7.35613 15.383 7.47859C15.5121 7.6012 15.5769 7.75639 15.5769 7.94353V14.0621L15.5647 14.4866L15.7605 14.2654L16.855 13.1416C16.984 13.0129 17.1387 12.9488 17.319 12.9487C17.5126 12.9487 17.6678 13.0097 17.784 13.1322C17.9066 13.2548 17.9675 13.4131 17.9675 13.6066C17.9675 13.7937 17.9035 13.9519 17.7746 14.0809L15.4122 16.5016C15.2832 16.637 15.1181 16.7049 14.9181 16.7049C14.7183 16.7048 14.5569 16.637 14.4343 16.5016L12.0823 14.0809C11.9404 13.939 11.8687 13.7808 11.8687 13.6066C11.8687 13.4131 11.9306 13.2548 12.0532 13.1322C12.1758 13.0097 12.331 12.9487 12.5181 12.9487C12.7115 12.9488 12.8699 13.0127 12.9925 13.1416L14.0861 14.2654L14.2536 14.4668L14.2508 14.0518V7.94353C14.2508 7.75639 14.3117 7.6012 14.4343 7.47859C14.5634 7.35605 14.7216 7.2951 14.9087 7.29506Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9948 2C13.3759 2 14.6703 2.25734 15.8772 2.77365C17.0905 3.28995 18.1551 4.00686 19.0715 4.92329C19.9879 5.83965 20.7039 6.90448 21.2202 8.11765C21.743 9.3245 22.0052 10.6189 22.0052 12C22.0051 13.381 21.743 14.6785 21.2202 15.8918C20.704 17.0984 19.9878 18.1565 19.0715 19.0664C18.1551 19.9828 17.0904 20.6997 15.8772 21.216C14.6703 21.7388 13.3759 22 11.9948 22C10.6139 22 9.3201 21.7386 8.1134 21.216C6.90655 20.6997 5.84489 19.9828 4.92846 19.0664C4.0121 18.1565 3.29215 17.0985 2.7694 15.8918C2.25313 14.6785 1.99484 13.381 1.99481 12C1.99481 10.6189 2.2531 9.3245 2.7694 8.11765C3.29215 6.90441 4.01207 5.83968 4.92846 4.92329C5.84487 4.00692 6.9066 3.28993 8.1134 2.77365C9.32007 2.2575 10.6139 2.00002 11.9948 2ZM11.9948 3.97459C10.8913 3.97461 9.8521 4.18382 8.87764 4.60329C7.90968 5.01629 7.05801 5.59098 6.32234 6.32659C5.58661 7.05587 5.00913 7.9083 4.58964 8.88282C4.17661 9.85087 3.9694 10.89 3.9694 12C3.96943 13.11 4.17662 14.1492 4.58964 15.1172C5.00912 16.0851 5.58669 16.9368 6.32234 17.6725C7.05802 18.4081 7.90965 18.9827 8.87764 19.3958C9.8521 19.8152 10.8913 20.0254 11.9948 20.0254C13.1048 20.0254 14.144 19.8152 15.112 19.3958C16.0801 18.9827 16.9325 18.4082 17.6682 17.6725C18.4103 16.9368 18.9879 16.0851 19.4009 15.1172C19.8139 14.1492 20.0202 13.11 20.0202 12C20.0202 10.89 19.8139 9.85082 19.4009 8.88282C18.9879 7.90831 18.4104 7.05586 17.6682 6.32659C16.9325 5.59086 16.0801 5.01634 15.112 4.60329C14.144 4.18389 13.1047 3.97459 11.9948 3.97459Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-down.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-down.svg
new file mode 100644
index 000000000..5567837d9
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up-down.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.46627 6.36542C8.70616 6.36542 8.90776 6.44686 9.0703 6.60929L11.8929 9.51314C12.0474 9.6679 12.1243 9.85786 12.1243 10.0822C12.1242 10.3142 12.0512 10.5042 11.9042 10.6512C11.7648 10.7982 11.5821 10.8714 11.3577 10.8714C11.1334 10.8712 10.9434 10.7935 10.7887 10.6388L9.48804 9.28056L9.2532 9.01637L9.26788 9.53572V16.8631C9.26788 17.0954 9.19014 17.2897 9.0353 17.4445C8.88053 17.5914 8.69062 17.6647 8.46627 17.6647C8.23424 17.6646 8.04069 17.5915 7.88595 17.4445C7.73886 17.2897 7.66579 17.0954 7.66579 16.8631V9.54701L7.6737 9.03669L7.46821 9.28056L6.15516 10.6388C6.00807 10.7936 5.81835 10.8714 5.58613 10.8714C5.36203 10.8712 5.17644 10.7979 5.02952 10.6512C4.88251 10.5042 4.80832 10.3142 4.80823 10.0822C4.80823 9.87314 4.8942 9.68346 5.06452 9.51314L7.88595 6.60929C8.04069 6.44685 8.23423 6.36551 8.46627 6.36542Z" fill="#222631"/>
+<path d="M15.4922 6.35413C15.7166 6.35413 15.9065 6.42739 16.0612 6.57429C16.2161 6.72137 16.2938 6.90754 16.2938 7.13203V14.4718L16.2791 14.981L16.514 14.7157L17.827 13.3676C17.9817 13.2132 18.1673 13.1363 18.3836 13.1362C18.6158 13.1362 18.802 13.2094 18.9414 13.3563C19.0884 13.5034 19.1615 13.6932 19.1615 13.9254C19.1615 14.1498 19.0848 14.3396 18.9301 14.4944L16.0962 17.3983C15.9414 17.5607 15.7434 17.6421 15.5035 17.6421C15.2638 17.642 15.0701 17.5606 14.9232 17.3983L12.1017 14.4944C11.9314 14.3241 11.8454 14.1344 11.8454 13.9254C11.8455 13.6932 11.9197 13.5034 12.0667 13.3563C12.2138 13.2094 12.4 13.1362 12.6245 13.1362C12.8565 13.1363 13.0465 13.2129 13.1935 13.3676L14.5054 14.7157L14.7064 14.9573L14.703 14.4594V7.13203C14.703 6.90754 14.7761 6.72137 14.9232 6.57429C15.0779 6.42729 15.2678 6.35418 15.4922 6.35413Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up.svg
new file mode 100644
index 000000000..33841f001
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow-up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.7071 11.2929C20.0976 11.6834 20.0976 12.3164 19.7071 12.707C19.3166 13.0975 18.6835 13.0975 18.293 12.707L13 7.41399V18.9999C13 19.5522 12.5523 19.9999 12 19.9999C11.4478 19.9999 11 19.5522 11 18.9999V7.41399L5.70708 12.707C5.31655 13.0975 4.68354 13.0975 4.29302 12.707C3.90249 12.3164 3.90249 11.6834 4.29302 11.2929L11.293 4.29289C11.6835 3.90237 12.3166 3.90237 12.7071 4.29289L19.7071 11.2929Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_back.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_back.svg
new file mode 100644
index 000000000..14815e065
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_back.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.825 13L13.425 18.6L12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_back_ios_new.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_back_ios_new.svg
new file mode 100644
index 000000000..b21229290
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_back_ios_new.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 22L6 12L16 2L17.775 3.775L9.55 12L17.775 20.225L16 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_circle_up-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_circle_up-filled.svg
new file mode 100644
index 000000000..021d41ced
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_circle_up-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 16H13V11.8L14.6 13.4L16 12L12 8L8 12L9.4 13.4L11 11.8V16ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_circle_up.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_circle_up.svg
new file mode 100644
index 000000000..aff8108da
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_circle_up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 16H13V11.8L14.6 13.4L16 12L12 8L8 12L9.4 13.4L11 11.8V16ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_downward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_downward.svg
new file mode 100644
index 000000000..208c4d4fd
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_downward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 4V16.175L5.4 10.575L4 12L12 20L20 12L18.6 10.575L13 16.175V4H11Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_drop_down.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_drop_down.svg
new file mode 100644
index 000000000..2aefd62fb
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_drop_down.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15L7 10H17L12 15Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_drop_up.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_drop_up.svg
new file mode 100644
index 000000000..22d88ff61
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_drop_up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 14L12 9L17 14H7Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_forward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_forward.svg
new file mode 100644
index 000000000..1b0f70166
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_forward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_outward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_outward.svg
new file mode 100644
index 000000000..232f624db
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_outward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.4 18L5 16.6L14.6 7H6V5H18V17H16V8.4L6.4 18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_split.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_split.svg
new file mode 100644
index 000000000..373ec95ad
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_split.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 13V11H11.6L16.6 6H14V4H20V10H18V7.4L12.4 13H4ZM14 20V18H16.6L13.4 14.85L14.85 13.4L18 16.6V14H20V20H14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_top_right.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_top_right.svg
new file mode 100644
index 000000000..803c233a2
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_top_right.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 20V8H16.175L12.575 4.425L14 3L20 9L13.975 15.025L12.575 13.6L16.175 10H7V20H5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_upward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_upward.svg
new file mode 100644
index 000000000..9a3994714
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/arrow_upward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/article.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/article.svg
new file mode 100644
index 000000000..9aedadfd8
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/article.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/article_shortcut.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/article_shortcut.svg
new file mode 100644
index 000000000..b5fc62ad3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/article_shortcut.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 17H14V15H10V17ZM10 13H17V11H10V13ZM7 9H17V7H7V9ZM6.625 22C5.30833 22 4.1875 21.5375 3.2625 20.6125C2.3375 19.6875 1.875 18.5667 1.875 17.25C1.875 16.3 2.12083 15.45 2.6125 14.7C3.10417 13.95 3.75 13.3833 4.55 13H2V11H8V17H6V14.575C5.38333 14.7083 4.875 15.025 4.475 15.525C4.075 16.025 3.875 16.6 3.875 17.25C3.875 18.0167 4.14583 18.6667 4.6875 19.2C5.22917 19.7333 5.875 20 6.625 20V22ZM10 21V19H19V5H5V9H3V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H10Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/attach_file.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/attach_file.svg
new file mode 100644
index 000000000..c93768cb4
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/attach_file.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 15.75C18 17.4833 17.3917 18.9583 16.175 20.175C14.9583 21.3917 13.4833 22 11.75 22C10.0167 22 8.54167 21.3917 7.325 20.175C6.10833 18.9583 5.5 17.4833 5.5 15.75V6.5C5.5 5.25 5.9375 4.1875 6.8125 3.3125C7.6875 2.4375 8.75 2 10 2C11.25 2 12.3125 2.4375 13.1875 3.3125C14.0625 4.1875 14.5 5.25 14.5 6.5V15.25C14.5 16.0167 14.2333 16.6667 13.7 17.2C13.1667 17.7333 12.5167 18 11.75 18C10.9833 18 10.3333 17.7333 9.8 17.2C9.26667 16.6667 9 16.0167 9 15.25V6H11V15.25C11 15.4667 11.0708 15.6458 11.2125 15.7875C11.3542 15.9292 11.5333 16 11.75 16C11.9667 16 12.1458 15.9292 12.2875 15.7875C12.4292 15.6458 12.5 15.4667 12.5 15.25V6.5C12.4833 5.8 12.2375 5.20833 11.7625 4.725C11.2875 4.24167 10.7 4 10 4C9.3 4 8.70833 4.24167 8.225 4.725C7.74167 5.20833 7.5 5.8 7.5 6.5V15.75C7.48333 16.9333 7.89167 17.9375 8.725 18.7625C9.55833 19.5875 10.5667 20 11.75 20C12.9167 20 13.9083 19.5875 14.725 18.7625C15.5417 17.9375 15.9667 16.9333 16 15.75V6H18V15.75Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/autorenew.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/autorenew.svg
new file mode 100644
index 000000000..9b8bca396
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/autorenew.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.1 16.05C4.73333 15.4167 4.45833 14.7667 4.275 14.1C4.09167 13.4333 4 12.75 4 12.05C4 9.81667 4.775 7.91667 6.325 6.35C7.875 4.78333 9.76667 4 12 4H12.175L10.575 2.4L11.975 1L15.975 5L11.975 9L10.575 7.6L12.175 6H12C10.3333 6 8.91667 6.5875 7.75 7.7625C6.58333 8.9375 6 10.3667 6 12.05C6 12.4833 6.05 12.9083 6.15 13.325C6.25 13.7417 6.4 14.15 6.6 14.55L5.1 16.05ZM12.025 23L8.025 19L12.025 15L13.425 16.4L11.825 18H12C13.6667 18 15.0833 17.4125 16.25 16.2375C17.4167 15.0625 18 13.6333 18 11.95C18 11.5167 17.95 11.0917 17.85 10.675C17.75 10.2583 17.6 9.85 17.4 9.45L18.9 7.95C19.2667 8.58333 19.5417 9.23333 19.725 9.9C19.9083 10.5667 20 11.25 20 11.95C20 14.1833 19.225 16.0833 17.675 17.65C16.125 19.2167 14.2333 20 12 20H11.825L13.425 21.6L12.025 23Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/back_hand-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/back_hand-1.svg
new file mode 100644
index 000000000..4a9d5b5bf
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/back_hand-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8 23C11.4333 23 10.15 22.6875 8.95001 22.0625C7.75001 21.4375 6.76668 20.5667 6.00001 19.45L1.20001 12.4L1.67501 11.925C2.00835 11.575 2.42085 11.375 2.91251 11.325C3.40418 11.275 3.85001 11.3917 4.25001 11.675L7.00001 13.575V4C7.00001 3.71667 7.09585 3.47917 7.28751 3.2875C7.47918 3.09583 7.71668 3 8.00001 3C8.28335 3 8.52085 3.09583 8.71251 3.2875C8.90418 3.47917 9.00001 3.71667 9.00001 4V12H11V2C11 1.71667 11.0958 1.47917 11.2875 1.2875C11.4792 1.09583 11.7167 1 12 1C12.2833 1 12.5208 1.09583 12.7125 1.2875C12.9042 1.47917 13 1.71667 13 2V12H15V3C15 2.71667 15.0958 2.47917 15.2875 2.2875C15.4792 2.09583 15.7167 2 16 2C16.2833 2 16.5208 2.09583 16.7125 2.2875C16.9042 2.47917 17 2.71667 17 3V12H19V5C19 4.71667 19.0958 4.47917 19.2875 4.2875C19.4792 4.09583 19.7167 4 20 4C20.2833 4 20.5208 4.09583 20.7125 4.2875C20.9042 4.47917 21 4.71667 21 5V14.8C21 17.0833 20.2042 19.0208 18.6125 20.6125C17.0208 22.2042 15.0833 23 12.8 23Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/back_hand.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/back_hand.svg
new file mode 100644
index 000000000..98aa5e9f5
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/back_hand.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8 23C11.4333 23 10.15 22.6875 8.95001 22.0625C7.75001 21.4375 6.76668 20.5667 6.00001 19.45L1.20001 12.4L1.67501 11.925C2.00835 11.575 2.42085 11.375 2.91251 11.325C3.40418 11.275 3.85001 11.3917 4.25001 11.675L7.00001 13.575V4C7.00001 3.71667 7.09585 3.47917 7.28751 3.2875C7.47918 3.09583 7.71668 3 8.00001 3C8.28335 3 8.52085 3.09583 8.71251 3.2875C8.90418 3.47917 9.00001 3.71667 9.00001 4V17.425L5.30001 14.85L7.67501 18.3C8.25835 19.15 9.00001 19.8125 9.90001 20.2875C10.8 20.7625 11.7667 21 12.8 21C14.5167 21 15.9792 20.3958 17.1875 19.1875C18.3958 17.9792 19 16.5167 19 14.8V5C19 4.71667 19.0958 4.47917 19.2875 4.2875C19.4792 4.09583 19.7167 4 20 4C20.2833 4 20.5208 4.09583 20.7125 4.2875C20.9042 4.47917 21 4.71667 21 5V14.8C21 17.0833 20.2042 19.0208 18.6125 20.6125C17.0208 22.2042 15.0833 23 12.8 23ZM11 12V2C11 1.71667 11.0958 1.47917 11.2875 1.2875C11.4792 1.09583 11.7167 1 12 1C12.2833 1 12.5208 1.09583 12.7125 1.2875C12.9042 1.47917 13 1.71667 13 2V12H11ZM15 12V3C15 2.71667 15.0958 2.47917 15.2875 2.2875C15.4792 2.09583 15.7167 2 16 2C16.2833 2 16.5208 2.09583 16.7125 2.2875C16.9042 2.47917 17 2.71667 17 3V12H15Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/background_replace.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/background_replace.svg
new file mode 100644
index 000000000..521042a77
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/background_replace.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 9.65V7.525L7.525 3H9.65L3 9.65ZM3 4.75V3H4.75L3 4.75ZM16.175 6.425C16.0083 6.24167 15.8292 6.0625 15.6375 5.8875C15.4458 5.7125 15.25 5.55833 15.05 5.425L17.475 3H19.6L16.175 6.425ZM5.5 14.975L7.425 13.05C7.54167 13.2333 7.6625 13.4 7.7875 13.55C7.9125 13.7 8.05 13.8417 8.2 13.975C7.73333 14.0917 7.2625 14.2375 6.7875 14.4125C6.3125 14.5875 5.88333 14.775 5.5 14.975ZM17.5 10.05V10C17.5 9.68333 17.475 9.375 17.425 9.075C17.375 8.775 17.3 8.48333 17.2 8.2L21 4.4V6.55L17.5 10.05ZM10.9 4.6L12.525 3H14.65L13.05 4.6C12.8667 4.56667 12.6917 4.54167 12.525 4.525C12.3583 4.50833 12.1833 4.5 12 4.5C11.8167 4.5 11.6333 4.50833 11.45 4.525C11.2667 4.54167 11.0833 4.56667 10.9 4.6ZM3 14.625V12.5L6.6 8.9C6.56667 9.08333 6.54167 9.26667 6.525 9.45C6.50833 9.63333 6.5 9.81667 6.5 10C6.5 10.1833 6.50833 10.3583 6.525 10.525C6.54167 10.6917 6.56667 10.8583 6.6 11.025L3 14.625ZM20.725 16.7C20.5917 16.5 20.4375 16.3083 20.2625 16.125C20.0875 15.9417 19.9 15.775 19.7 15.625L21 14.325V16.45L20.725 16.7ZM17.825 14.65C17.7083 14.6 17.5917 14.5542 17.475 14.5125C17.3583 14.4708 17.2417 14.4333 17.125 14.4C16.975 14.35 16.8292 14.3 16.6875 14.25C16.5458 14.2 16.4 14.1583 16.25 14.125L21 9.35V11.5L17.825 14.65ZM12 14C10.9 14 9.95833 13.6083 9.175 12.825C8.39167 12.0417 8 11.1 8 10C8 8.9 8.39167 7.95833 9.175 7.175C9.95833 6.39167 10.9 6 12 6C13.1 6 14.0417 6.39167 14.825 7.175C15.6083 7.95833 16 8.9 16 10C16 11.1 15.6083 12.0417 14.825 12.825C14.0417 13.6083 13.1 14 12 14ZM12 12C12.55 12 13.0208 11.8042 13.4125 11.4125C13.8042 11.0208 14 10.55 14 10C14 9.45 13.8042 8.97917 13.4125 8.5875C13.0208 8.19583 12.55 8 12 8C11.45 8 10.9792 8.19583 10.5875 8.5875C10.1958 8.97917 10 9.45 10 10C10 10.55 10.1958 11.0208 10.5875 11.4125C10.9792 11.8042 11.45 12 12 12ZM4 21V19.225C4 18.6583 4.14167 18.1333 4.425 17.65C4.70833 17.1667 5.1 16.8 5.6 16.55C6.45 16.1167 7.4125 15.75 8.4875 15.45C9.5625 15.15 10.7333 15 12 15C13.2667 15 14.4375 15.15 15.5125 15.45C16.5875 15.75 17.55 16.1167 18.4 16.55C18.9 16.8 19.2917 17.1667 19.575 17.65C19.8583 18.1333 20 18.6583 20 19.225V21H4ZM6.025 19H17.975C17.9417 18.85 17.8833 18.7208 17.8 18.6125C17.7167 18.5042 17.6083 18.4167 17.475 18.35C16.875 18.05 16.1125 17.75 15.1875 17.45C14.2625 17.15 13.2 17 12 17C10.8 17 9.7375 17.15 8.8125 17.45C7.8875 17.75 7.125 18.05 6.525 18.35C6.39167 18.4167 6.28333 18.5083 6.2 18.625C6.11667 18.7417 6.05833 18.8667 6.025 19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/backup.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/backup.svg
new file mode 100644
index 000000000..e1c835764
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/backup.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H13C12.45 20 11.9792 19.8042 11.5875 19.4125C11.1958 19.0208 11 18.55 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H9V20H6.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bar_chart-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bar_chart-filled.svg
new file mode 100644
index 000000000..19f8aa5af
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bar_chart-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 20V13H20V20H16ZM10 20V4H14V20H10ZM4 20V9H8V20H4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bento.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bento.svg
new file mode 100644
index 000000000..4cb9802cb
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bento.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.7959 16.5C6.26483 16.5 6.49956 16.4999 6.68848 16.5645C7.03934 16.6846 7.31542 16.9607 7.43555 17.3115C7.50015 17.5004 7.5 17.7352 7.5 18.2041V18.7959C7.5 19.2648 7.50015 19.4996 7.43555 19.6885C7.31542 20.0393 7.03934 20.3154 6.68848 20.4355C6.49956 20.5002 6.26483 20.5 5.7959 20.5H5.2041C4.73517 20.5 4.50044 20.5002 4.31152 20.4355C3.96066 20.3154 3.68458 20.0393 3.56445 19.6885C3.49985 19.4996 3.5 19.2648 3.5 18.7959V18.2041C3.5 17.7352 3.49985 17.5004 3.56445 17.3115C3.68458 16.9607 3.96066 16.6846 4.31152 16.5645C4.50044 16.4999 4.73517 16.5 5.2041 16.5H5.7959Z" fill="#222631"/>
+<path d="M12.2959 16.5C12.7648 16.5 12.9996 16.4999 13.1885 16.5645C13.5393 16.6846 13.8154 16.9607 13.9355 17.3115C14.0001 17.5004 14 17.7352 14 18.2041V18.7959C14 19.2648 14.0001 19.4996 13.9355 19.6885C13.8154 20.0393 13.5393 20.3154 13.1885 20.4355C12.9996 20.5002 12.7648 20.5 12.2959 20.5H11.7041C11.2352 20.5 11.0004 20.5002 10.8115 20.4355C10.4607 20.3154 10.1846 20.0393 10.0645 19.6885C9.99985 19.4996 10 19.2648 10 18.7959V18.2041C10 17.7352 9.99985 17.5004 10.0645 17.3115C10.1846 16.9607 10.4607 16.6846 10.8115 16.5645C11.0004 16.4999 11.2352 16.5 11.7041 16.5H12.2959Z" fill="#222631"/>
+<path d="M18.7959 16.5C19.2648 16.5 19.4996 16.4999 19.6885 16.5645C20.0393 16.6846 20.3154 16.9607 20.4355 17.3115C20.5002 17.5004 20.5 17.7352 20.5 18.2041V18.7959C20.5 19.2648 20.5002 19.4996 20.4355 19.6885C20.3154 20.0393 20.0393 20.3154 19.6885 20.4355C19.4996 20.5002 19.2648 20.5 18.7959 20.5H18.2041C17.7352 20.5 17.5004 20.5002 17.3115 20.4355C16.9607 20.3154 16.6846 20.0393 16.5645 19.6885C16.4999 19.4996 16.5 19.2648 16.5 18.7959V18.2041C16.5 17.7352 16.4999 17.5004 16.5645 17.3115C16.6846 16.9607 16.9607 16.6846 17.3115 16.5645C17.5004 16.4999 17.7352 16.5 18.2041 16.5H18.7959Z" fill="#222631"/>
+<path d="M5.7959 10C6.26483 10 6.49956 9.99985 6.68848 10.0645C7.03934 10.1846 7.31542 10.4607 7.43555 10.8115C7.50015 11.0004 7.5 11.2352 7.5 11.7041V12.2959C7.5 12.7648 7.50015 12.9996 7.43555 13.1885C7.31542 13.5393 7.03934 13.8154 6.68848 13.9355C6.49956 14.0001 6.26483 14 5.7959 14H5.2041C4.73517 14 4.50044 14.0001 4.31152 13.9355C3.96066 13.8154 3.68458 13.5393 3.56445 13.1885C3.49985 12.9996 3.5 12.7648 3.5 12.2959V11.7041C3.5 11.2352 3.49985 11.0004 3.56445 10.8115C3.68458 10.4607 3.96066 10.1846 4.31152 10.0645C4.50044 9.99985 4.73517 10 5.2041 10H5.7959Z" fill="#222631"/>
+<path d="M12.2959 10C12.7648 10 12.9996 9.99985 13.1885 10.0645C13.5393 10.1846 13.8154 10.4607 13.9355 10.8115C14.0001 11.0004 14 11.2352 14 11.7041V12.2959C14 12.7648 14.0001 12.9996 13.9355 13.1885C13.8154 13.5393 13.5393 13.8154 13.1885 13.9355C12.9996 14.0001 12.7648 14 12.2959 14H11.7041C11.2352 14 11.0004 14.0001 10.8115 13.9355C10.4607 13.8154 10.1846 13.5393 10.0645 13.1885C9.99985 12.9996 10 12.7648 10 12.2959V11.7041C10 11.2352 9.99985 11.0004 10.0645 10.8115C10.1846 10.4607 10.4607 10.1846 10.8115 10.0645C11.0004 9.99985 11.2352 10 11.7041 10H12.2959Z" fill="#222631"/>
+<path d="M18.7959 10C19.2648 10 19.4996 9.99985 19.6885 10.0645C20.0393 10.1846 20.3154 10.4607 20.4355 10.8115C20.5002 11.0004 20.5 11.2352 20.5 11.7041V12.2959C20.5 12.7648 20.5002 12.9996 20.4355 13.1885C20.3154 13.5393 20.0393 13.8154 19.6885 13.9355C19.4996 14.0001 19.2648 14 18.7959 14H18.2041C17.7352 14 17.5004 14.0001 17.3115 13.9355C16.9607 13.8154 16.6846 13.5393 16.5645 13.1885C16.4999 12.9996 16.5 12.7648 16.5 12.2959V11.7041C16.5 11.2352 16.4999 11.0004 16.5645 10.8115C16.6846 10.4607 16.9607 10.1846 17.3115 10.0645C17.5004 9.99985 17.7352 10 18.2041 10H18.7959Z" fill="#222631"/>
+<path d="M5.7959 3.5C6.26483 3.5 6.49956 3.49985 6.68848 3.56445C7.03934 3.68458 7.31542 3.96066 7.43555 4.31152C7.50015 4.50044 7.5 4.73517 7.5 5.2041V5.7959C7.5 6.26483 7.50015 6.49956 7.43555 6.68848C7.31542 7.03934 7.03934 7.31542 6.68848 7.43555C6.49956 7.50015 6.26483 7.5 5.7959 7.5H5.2041C4.73517 7.5 4.50044 7.50015 4.31152 7.43555C3.96066 7.31542 3.68458 7.03934 3.56445 6.68848C3.49985 6.49956 3.5 6.26483 3.5 5.7959V5.2041C3.5 4.73517 3.49985 4.50044 3.56445 4.31152C3.68458 3.96066 3.96066 3.68458 4.31152 3.56445C4.50044 3.49985 4.73517 3.5 5.2041 3.5H5.7959Z" fill="#222631"/>
+<path d="M12.2959 3.5C12.7648 3.5 12.9996 3.49985 13.1885 3.56445C13.5393 3.68458 13.8154 3.96066 13.9355 4.31152C14.0001 4.50044 14 4.73517 14 5.2041V5.7959C14 6.26483 14.0001 6.49956 13.9355 6.68848C13.8154 7.03934 13.5393 7.31542 13.1885 7.43555C12.9996 7.50015 12.7648 7.5 12.2959 7.5H11.7041C11.2352 7.5 11.0004 7.50015 10.8115 7.43555C10.4607 7.31542 10.1846 7.03934 10.0645 6.68848C9.99985 6.49956 10 6.26483 10 5.7959V5.2041C10 4.73517 9.99985 4.50044 10.0645 4.31152C10.1846 3.96066 10.4607 3.68458 10.8115 3.56445C11.0004 3.49985 11.2352 3.5 11.7041 3.5H12.2959Z" fill="#222631"/>
+<path d="M18.7959 3.5C19.2648 3.5 19.4996 3.49985 19.6885 3.56445C20.0393 3.68458 20.3154 3.96066 20.4355 4.31152C20.5002 4.50044 20.5 4.73517 20.5 5.2041V5.7959C20.5 6.26483 20.5002 6.49956 20.4355 6.68848C20.3154 7.03934 20.0393 7.31542 19.6885 7.43555C19.4996 7.50015 19.2648 7.5 18.7959 7.5H18.2041C17.7352 7.5 17.5004 7.50015 17.3115 7.43555C16.9607 7.31542 16.6846 7.03934 16.5645 6.68848C16.4999 6.49956 16.5 6.26483 16.5 5.7959V5.2041C16.5 4.73517 16.4999 4.50044 16.5645 4.31152C16.6846 3.96066 16.9607 3.68458 17.3115 3.56445C17.5004 3.49985 17.7352 3.5 18.2041 3.5H18.7959Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/block.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/block.svg
new file mode 100644
index 000000000..fd7632e5d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/block.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C12.9 20 13.7667 19.8542 14.6 19.5625C15.4333 19.2708 16.2 18.85 16.9 18.3L5.7 7.1C5.15 7.8 4.72917 8.56667 4.4375 9.4C4.14583 10.2333 4 11.1 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20ZM18.3 16.9C18.85 16.2 19.2708 15.4333 19.5625 14.6C19.8542 13.7667 20 12.9 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C11.1 4 10.2333 4.14583 9.4 4.4375C8.56667 4.72917 7.8 5.15 7.1 5.7L18.3 16.9Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/blur.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/blur.svg
new file mode 100644
index 000000000..2f6c45fed
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/blur.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.90048 15.1447C1.65502 15.1447 1.43941 15.0485 1.26786 14.877C1.09631 14.7054 1.00018 14.4898 1.00018 14.2444C1.00018 13.9989 1.09631 13.7833 1.26786 13.6118C1.43941 13.4402 1.65501 13.3441 1.90048 13.3441C2.14596 13.3441 2.36156 13.4402 2.53311 13.6118C2.70466 13.7833 2.80079 13.9989 2.80079 14.2444C2.80079 14.4898 2.70466 14.7054 2.53311 14.877C2.36156 15.0485 2.14595 15.1447 1.90048 15.1447ZM1.90048 10.6559C1.65502 10.6559 1.43941 10.5598 1.26786 10.3882C1.09631 10.2167 1.00018 10.0011 1.00018 9.75562C1.00018 9.51015 1.09631 9.29455 1.26786 9.123C1.43941 8.95145 1.65501 8.85532 1.90048 8.85532C2.14596 8.85532 2.36156 8.95145 2.53311 9.123C2.70466 9.29455 2.80079 9.51015 2.80079 9.75562C2.80079 10.0011 2.70466 10.2167 2.53311 10.3882C2.36156 10.5598 2.14595 10.6559 1.90048 10.6559ZM5.26705 20.1945C4.86367 20.1945 4.50947 20.0544 4.22764 19.7725C3.9458 19.4907 3.80566 19.1365 3.80566 18.7331C3.80566 18.3298 3.9458 17.9756 4.22764 17.6937C4.50948 17.4119 4.86367 17.2717 5.26705 17.2717C5.67043 17.2717 6.02462 17.4119 6.30647 17.6937C6.5883 17.9756 6.72845 18.3298 6.72845 18.7331C6.72845 19.1365 6.5883 19.4907 6.30647 19.7725C6.02463 20.0544 5.67043 20.1945 5.26705 20.1945ZM5.26705 15.7058C4.86367 15.7058 4.50948 15.5656 4.22764 15.2838C3.9458 15.002 3.80566 14.6478 3.80566 14.2444C3.80566 13.841 3.9458 13.4868 4.22764 13.205C4.50948 12.9231 4.86367 12.783 5.26705 12.783C5.67043 12.783 6.02463 12.9231 6.30647 13.205C6.5883 13.4868 6.72845 13.841 6.72845 14.2444C6.72845 14.6478 6.5883 15.002 6.30647 15.2838C6.02463 15.5656 5.67043 15.7058 5.26705 15.7058ZM5.26705 11.217C4.86367 11.217 4.50948 11.0769 4.22764 10.795C3.9458 10.5132 3.80566 10.159 3.80566 9.75562C3.80566 9.35225 3.9458 8.99805 4.22764 8.71621C4.50948 8.43437 4.86367 8.29423 5.26705 8.29423C5.67043 8.29423 6.02463 8.43437 6.30647 8.71621C6.5883 8.99805 6.72845 9.35225 6.72845 9.75562C6.72845 10.159 6.5883 10.5132 6.30647 10.795C6.02462 11.0769 5.67043 11.217 5.26705 11.217ZM5.26705 6.72826C4.86367 6.72826 4.50948 6.58812 4.22764 6.30628C3.9458 6.02444 3.80566 5.67024 3.80566 5.26687C3.80566 4.86349 3.9458 4.50929 4.22764 4.22745C4.50948 3.94561 4.86367 3.80547 5.26705 3.80547C5.67043 3.80547 6.02463 3.94561 6.30647 4.22745C6.5883 4.50929 6.72845 4.86349 6.72845 5.26687C6.72845 5.67024 6.5883 6.02444 6.30647 6.30628C6.02463 6.58812 5.67043 6.72826 5.26705 6.72826ZM9.75581 16.2669C9.19929 16.2669 8.71527 16.0682 8.32362 15.6766C7.93198 15.2849 7.73332 14.8009 7.73332 14.2444C7.73332 13.6879 7.93198 13.2038 8.32362 12.8122C8.71526 12.4206 9.19929 12.2219 9.75581 12.2219C10.3123 12.2219 10.7963 12.4206 11.188 12.8122C11.5796 13.2038 11.7783 13.6879 11.7783 14.2444C11.7783 14.8009 11.5796 15.2849 11.188 15.6766C10.7963 16.0682 10.3123 16.2669 9.75581 16.2669ZM9.75581 11.7781C9.19929 11.7781 8.71526 11.5794 8.32362 11.1878C7.93198 10.7962 7.73332 10.3121 7.73332 9.75562C7.73332 9.19911 7.93198 8.71508 8.32362 8.32344C8.71527 7.9318 9.19929 7.73313 9.75581 7.73313C10.3123 7.73313 10.7963 7.9318 11.188 8.32344C11.5796 8.71508 11.7783 9.19911 11.7783 9.75562C11.7783 10.3121 11.5796 10.7962 11.188 11.1878C10.7963 11.5794 10.3123 11.7781 9.75581 11.7781ZM9.75581 20.1945C9.35243 20.1945 8.99823 20.0544 8.71639 19.7725C8.43455 19.4907 8.29441 19.1365 8.29441 18.7331C8.29441 18.3298 8.43455 17.9756 8.71639 17.6937C8.99823 17.4119 9.35243 17.2717 9.75581 17.2717C10.1592 17.2717 10.5134 17.4119 10.7952 17.6937C11.0771 17.9756 11.2172 18.3298 11.2172 18.7331C11.2172 19.1365 11.0771 19.4907 10.7952 19.7725C10.5134 20.0544 10.1592 20.1945 9.75581 20.1945ZM9.75581 6.72826C9.35243 6.72826 8.99823 6.58812 8.71639 6.30628C8.43455 6.02444 8.29441 5.67024 8.29441 5.26687C8.29441 4.86349 8.43455 4.50929 8.71639 4.22745C8.99823 3.94561 9.35243 3.80547 9.75581 3.80547C10.1592 3.80547 10.5134 3.94561 10.7952 4.22745C11.0771 4.50929 11.2172 4.86349 11.2172 5.26687C11.2172 5.67024 11.0771 6.02444 10.7952 6.30628C10.5134 6.58812 10.1592 6.72826 9.75581 6.72826ZM9.75581 23C9.51034 23 9.29474 22.9039 9.12319 22.7323C8.95164 22.5608 8.8555 22.3452 8.8555 22.0997C8.8555 21.8542 8.95164 21.6386 9.12319 21.4671C9.29474 21.2955 9.51034 21.1994 9.75581 21.1994C10.0013 21.1994 10.2169 21.2955 10.3884 21.4671C10.56 21.6386 10.6561 21.8542 10.6561 22.0997C10.6561 22.3452 10.56 22.5608 10.3884 22.7323C10.2169 22.9039 10.0013 23 9.75581 23ZM9.75581 2.8006C9.51034 2.8006 9.29473 2.70447 9.12319 2.53292C8.95164 2.36137 8.8555 2.14577 8.8555 1.9003C8.8555 1.65483 8.95164 1.43923 9.12319 1.26768C9.29473 1.09613 9.51034 1 9.75581 1C10.0013 1 10.2169 1.09613 10.3884 1.26768C10.56 1.43923 10.6561 1.65483 10.6561 1.9003C10.6561 2.14577 10.56 2.36137 10.3884 2.53292C10.2169 2.70447 10.0013 2.8006 9.75581 2.8006ZM14.2446 16.2669C13.688 16.2669 13.204 16.0682 12.8124 15.6766C12.4207 15.2849 12.2221 14.8009 12.2221 14.2444C12.2221 13.6879 12.4207 13.2038 12.8124 12.8122C13.204 12.4206 13.688 12.2219 14.2446 12.2219C14.8011 12.2219 15.2851 12.4206 15.6767 12.8122C16.0684 13.2038 16.2671 13.6879 16.2671 14.2444C16.2671 14.8009 16.0684 15.2849 15.6767 15.6766C15.2851 16.0682 14.8011 16.2669 14.2446 16.2669ZM14.2446 11.7781C13.688 11.7781 13.204 11.5794 12.8124 11.1878C12.4207 10.7962 12.2221 10.3121 12.2221 9.75562C12.2221 9.19911 12.4207 8.71508 12.8124 8.32344C13.204 7.9318 13.688 7.73313 14.2446 7.73313C14.8011 7.73313 15.2851 7.9318 15.6767 8.32344C16.0684 8.71508 16.2671 9.19911 16.2671 9.75562C16.2671 10.3121 16.0684 10.7962 15.6767 11.1878C15.2851 11.5794 14.8011 11.7781 14.2446 11.7781ZM14.2446 20.1945C13.8412 20.1945 13.487 20.0544 13.2051 19.7725C12.9233 19.4907 12.7832 19.1365 12.7832 18.7331C12.7832 18.3298 12.9233 17.9756 13.2051 17.6937C13.487 17.4119 13.8412 17.2717 14.2446 17.2717C14.6479 17.2717 15.0021 17.4119 15.284 17.6937C15.5658 17.9756 15.706 18.3298 15.706 18.7331C15.706 19.1365 15.5658 19.4907 15.284 19.7725C15.0021 20.0544 14.6479 20.1945 14.2446 20.1945ZM14.2446 6.72826C13.8412 6.72826 13.487 6.58812 13.2051 6.30628C12.9233 6.02444 12.7832 5.67024 12.7832 5.26687C12.7832 4.86349 12.9233 4.50929 13.2051 4.22745C13.487 3.94561 13.8412 3.80547 14.2446 3.80547C14.6479 3.80547 15.0021 3.94561 15.284 4.22745C15.5658 4.50929 15.706 4.86349 15.706 5.26687C15.706 5.67024 15.5658 6.02444 15.284 6.30628C15.0021 6.58812 14.6479 6.72826 14.2446 6.72826ZM14.2446 23C13.9991 23 13.7835 22.9039 13.6119 22.7323C13.4404 22.5608 13.3443 22.3452 13.3443 22.0997C13.3443 21.8542 13.4404 21.6386 13.6119 21.4671C13.7835 21.2955 13.9991 21.1994 14.2446 21.1994C14.49 21.1994 14.7056 21.2955 14.8772 21.4671C15.0487 21.6386 15.1449 21.8542 15.1449 22.0997C15.1449 22.3452 15.0487 22.5608 14.8772 22.7323C14.7056 22.9039 14.49 23 14.2446 23ZM14.2446 2.8006C13.9991 2.8006 13.7835 2.70447 13.6119 2.53292C13.4404 2.36137 13.3443 2.14577 13.3443 1.9003C13.3443 1.65483 13.4404 1.43923 13.6119 1.26768C13.7835 1.09613 13.9991 1 14.2446 1C14.49 1 14.7056 1.09613 14.8772 1.26768C15.0487 1.43923 15.1449 1.65483 15.1449 1.9003C15.1449 2.14577 15.0487 2.36137 14.8772 2.53292C14.7056 2.70447 14.49 2.8006 14.2446 2.8006ZM18.7333 20.1945C18.3299 20.1945 17.9757 20.0544 17.6939 19.7725C17.4121 19.4907 17.2719 19.1365 17.2719 18.7331C17.2719 18.3298 17.4121 17.9756 17.6939 17.6937C17.9757 17.4119 18.3299 17.2717 18.7333 17.2717C19.1367 17.2717 19.4909 17.4119 19.7727 17.6937C20.0546 17.9756 20.1947 18.3298 20.1947 18.7331C20.1947 19.1365 20.0546 19.4907 19.7727 19.7725C19.4909 20.0544 19.1367 20.1945 18.7333 20.1945ZM18.7333 15.7058C18.3299 15.7058 17.9757 15.5656 17.6939 15.2838C17.4121 15.002 17.2719 14.6478 17.2719 14.2444C17.2719 13.841 17.4121 13.4868 17.6939 13.205C17.9757 12.9231 18.3299 12.783 18.7333 12.783C19.1367 12.783 19.4909 12.9231 19.7727 13.205C20.0546 13.4868 20.1947 13.841 20.1947 14.2444C20.1947 14.6478 20.0546 15.002 19.7727 15.2838C19.4909 15.5656 19.1367 15.7058 18.7333 15.7058ZM18.7333 11.217C18.3299 11.217 17.9757 11.0769 17.6939 10.795C17.4121 10.5132 17.2719 10.159 17.2719 9.75562C17.2719 9.35225 17.4121 8.99805 17.6939 8.71621C17.9757 8.43437 18.3299 8.29423 18.7333 8.29423C19.1367 8.29423 19.4909 8.43437 19.7727 8.71621C20.0546 8.99805 20.1947 9.35225 20.1947 9.75562C20.1947 10.159 20.0546 10.5132 19.7727 10.795C19.4909 11.0769 19.1367 11.217 18.7333 11.217ZM18.7333 6.72826C18.3299 6.72826 17.9757 6.58812 17.6939 6.30628C17.4121 6.02444 17.2719 5.67024 17.2719 5.26687C17.2719 4.86349 17.4121 4.50929 17.6939 4.22745C17.9757 3.94561 18.3299 3.80547 18.7333 3.80547C19.1367 3.80547 19.4909 3.94561 19.7727 4.22745C20.0546 4.50929 20.1947 4.86349 20.1947 5.26687C20.1947 5.67025 20.0546 6.02444 19.7727 6.30628C19.4909 6.58812 19.1367 6.72826 18.7333 6.72826ZM22.0999 15.1447C21.8544 15.1447 21.6388 15.0485 21.4673 14.877C21.2957 14.7054 21.1996 14.4898 21.1996 14.2444C21.1996 13.9989 21.2957 13.7833 21.4673 13.6118C21.6388 13.4402 21.8544 13.3441 22.0999 13.3441C22.3454 13.3441 22.561 13.4402 22.7325 13.6118C22.9041 13.7833 23.0002 13.9989 23.0002 14.2444C23.0002 14.4898 22.9041 14.7054 22.7325 14.877C22.561 15.0485 22.3453 15.1447 22.0999 15.1447ZM22.0999 10.6559C21.8544 10.6559 21.6388 10.5598 21.4673 10.3882C21.2957 10.2167 21.1996 10.0011 21.1996 9.75562C21.1996 9.51016 21.2957 9.29455 21.4673 9.123C21.6388 8.95145 21.8544 8.85532 22.0999 8.85532C22.3454 8.85532 22.561 8.95145 22.7325 9.123C22.9041 9.29455 23.0002 9.51016 23.0002 9.75562C23.0002 10.0011 22.9041 10.2167 22.7325 10.3882C22.561 10.5598 22.3453 10.6559 22.0999 10.6559Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/blur_on.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/blur_on.svg
new file mode 100644
index 000000000..7522ab3e8
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/blur_on.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 14.5C2.86667 14.5 2.75 14.45 2.65 14.35C2.55 14.25 2.5 14.1333 2.5 14C2.5 13.8667 2.55 13.75 2.65 13.65C2.75 13.55 2.86667 13.5 3 13.5C3.13333 13.5 3.25 13.55 3.35 13.65C3.45 13.75 3.5 13.8667 3.5 14C3.5 14.1333 3.45 14.25 3.35 14.35C3.25 14.45 3.13333 14.5 3 14.5ZM3 10.5C2.86667 10.5 2.75 10.45 2.65 10.35C2.55 10.25 2.5 10.1333 2.5 10C2.5 9.86667 2.55 9.75 2.65 9.65C2.75 9.55 2.86667 9.5 3 9.5C3.13333 9.5 3.25 9.55 3.35 9.65C3.45 9.75 3.5 9.86667 3.5 10C3.5 10.1333 3.45 10.25 3.35 10.35C3.25 10.45 3.13333 10.5 3 10.5ZM6 19C5.71667 19 5.47917 18.9042 5.2875 18.7125C5.09583 18.5208 5 18.2833 5 18C5 17.7167 5.09583 17.4792 5.2875 17.2875C5.47917 17.0958 5.71667 17 6 17C6.28333 17 6.52083 17.0958 6.7125 17.2875C6.90417 17.4792 7 17.7167 7 18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19ZM6 15C5.71667 15 5.47917 14.9042 5.2875 14.7125C5.09583 14.5208 5 14.2833 5 14C5 13.7167 5.09583 13.4792 5.2875 13.2875C5.47917 13.0958 5.71667 13 6 13C6.28333 13 6.52083 13.0958 6.7125 13.2875C6.90417 13.4792 7 13.7167 7 14C7 14.2833 6.90417 14.5208 6.7125 14.7125C6.52083 14.9042 6.28333 15 6 15ZM6 11C5.71667 11 5.47917 10.9042 5.2875 10.7125C5.09583 10.5208 5 10.2833 5 10C5 9.71667 5.09583 9.47917 5.2875 9.2875C5.47917 9.09583 5.71667 9 6 9C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10C7 10.2833 6.90417 10.5208 6.7125 10.7125C6.52083 10.9042 6.28333 11 6 11ZM6 7C5.71667 7 5.47917 6.90417 5.2875 6.7125C5.09583 6.52083 5 6.28333 5 6C5 5.71667 5.09583 5.47917 5.2875 5.2875C5.47917 5.09583 5.71667 5 6 5C6.28333 5 6.52083 5.09583 6.7125 5.2875C6.90417 5.47917 7 5.71667 7 6C7 6.28333 6.90417 6.52083 6.7125 6.7125C6.52083 6.90417 6.28333 7 6 7ZM10 15.5C9.58333 15.5 9.22917 15.3542 8.9375 15.0625C8.64583 14.7708 8.5 14.4167 8.5 14C8.5 13.5833 8.64583 13.2292 8.9375 12.9375C9.22917 12.6458 9.58333 12.5 10 12.5C10.4167 12.5 10.7708 12.6458 11.0625 12.9375C11.3542 13.2292 11.5 13.5833 11.5 14C11.5 14.4167 11.3542 14.7708 11.0625 15.0625C10.7708 15.3542 10.4167 15.5 10 15.5ZM10 11.5C9.58333 11.5 9.22917 11.3542 8.9375 11.0625C8.64583 10.7708 8.5 10.4167 8.5 10C8.5 9.58333 8.64583 9.22917 8.9375 8.9375C9.22917 8.64583 9.58333 8.5 10 8.5C10.4167 8.5 10.7708 8.64583 11.0625 8.9375C11.3542 9.22917 11.5 9.58333 11.5 10C11.5 10.4167 11.3542 10.7708 11.0625 11.0625C10.7708 11.3542 10.4167 11.5 10 11.5ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17C10.2833 17 10.5208 17.0958 10.7125 17.2875C10.9042 17.4792 11 17.7167 11 18C11 18.2833 10.9042 18.5208 10.7125 18.7125C10.5208 18.9042 10.2833 19 10 19ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5C10.2833 5 10.5208 5.09583 10.7125 5.2875C10.9042 5.47917 11 5.71667 11 6C11 6.28333 10.9042 6.52083 10.7125 6.7125C10.5208 6.90417 10.2833 7 10 7ZM10 21.5C9.86667 21.5 9.75 21.45 9.65 21.35C9.55 21.25 9.5 21.1333 9.5 21C9.5 20.8667 9.55 20.75 9.65 20.65C9.75 20.55 9.86667 20.5 10 20.5C10.1333 20.5 10.25 20.55 10.35 20.65C10.45 20.75 10.5 20.8667 10.5 21C10.5 21.1333 10.45 21.25 10.35 21.35C10.25 21.45 10.1333 21.5 10 21.5ZM10 3.5C9.86667 3.5 9.75 3.45 9.65 3.35C9.55 3.25 9.5 3.13333 9.5 3C9.5 2.86667 9.55 2.75 9.65 2.65C9.75 2.55 9.86667 2.5 10 2.5C10.1333 2.5 10.25 2.55 10.35 2.65C10.45 2.75 10.5 2.86667 10.5 3C10.5 3.13333 10.45 3.25 10.35 3.35C10.25 3.45 10.1333 3.5 10 3.5ZM14 15.5C13.5833 15.5 13.2292 15.3542 12.9375 15.0625C12.6458 14.7708 12.5 14.4167 12.5 14C12.5 13.5833 12.6458 13.2292 12.9375 12.9375C13.2292 12.6458 13.5833 12.5 14 12.5C14.4167 12.5 14.7708 12.6458 15.0625 12.9375C15.3542 13.2292 15.5 13.5833 15.5 14C15.5 14.4167 15.3542 14.7708 15.0625 15.0625C14.7708 15.3542 14.4167 15.5 14 15.5ZM14 11.5C13.5833 11.5 13.2292 11.3542 12.9375 11.0625C12.6458 10.7708 12.5 10.4167 12.5 10C12.5 9.58333 12.6458 9.22917 12.9375 8.9375C13.2292 8.64583 13.5833 8.5 14 8.5C14.4167 8.5 14.7708 8.64583 15.0625 8.9375C15.3542 9.22917 15.5 9.58333 15.5 10C15.5 10.4167 15.3542 10.7708 15.0625 11.0625C14.7708 11.3542 14.4167 11.5 14 11.5ZM14 19C13.7167 19 13.4792 18.9042 13.2875 18.7125C13.0958 18.5208 13 18.2833 13 18C13 17.7167 13.0958 17.4792 13.2875 17.2875C13.4792 17.0958 13.7167 17 14 17C14.2833 17 14.5208 17.0958 14.7125 17.2875C14.9042 17.4792 15 17.7167 15 18C15 18.2833 14.9042 18.5208 14.7125 18.7125C14.5208 18.9042 14.2833 19 14 19ZM14 7C13.7167 7 13.4792 6.90417 13.2875 6.7125C13.0958 6.52083 13 6.28333 13 6C13 5.71667 13.0958 5.47917 13.2875 5.2875C13.4792 5.09583 13.7167 5 14 5C14.2833 5 14.5208 5.09583 14.7125 5.2875C14.9042 5.47917 15 5.71667 15 6C15 6.28333 14.9042 6.52083 14.7125 6.7125C14.5208 6.90417 14.2833 7 14 7ZM14 21.5C13.8667 21.5 13.75 21.45 13.65 21.35C13.55 21.25 13.5 21.1333 13.5 21C13.5 20.8667 13.55 20.75 13.65 20.65C13.75 20.55 13.8667 20.5 14 20.5C14.1333 20.5 14.25 20.55 14.35 20.65C14.45 20.75 14.5 20.8667 14.5 21C14.5 21.1333 14.45 21.25 14.35 21.35C14.25 21.45 14.1333 21.5 14 21.5ZM14 3.5C13.8667 3.5 13.75 3.45 13.65 3.35C13.55 3.25 13.5 3.13333 13.5 3C13.5 2.86667 13.55 2.75 13.65 2.65C13.75 2.55 13.8667 2.5 14 2.5C14.1333 2.5 14.25 2.55 14.35 2.65C14.45 2.75 14.5 2.86667 14.5 3C14.5 3.13333 14.45 3.25 14.35 3.35C14.25 3.45 14.1333 3.5 14 3.5ZM18 19C17.7167 19 17.4792 18.9042 17.2875 18.7125C17.0958 18.5208 17 18.2833 17 18C17 17.7167 17.0958 17.4792 17.2875 17.2875C17.4792 17.0958 17.7167 17 18 17C18.2833 17 18.5208 17.0958 18.7125 17.2875C18.9042 17.4792 19 17.7167 19 18C19 18.2833 18.9042 18.5208 18.7125 18.7125C18.5208 18.9042 18.2833 19 18 19ZM18 15C17.7167 15 17.4792 14.9042 17.2875 14.7125C17.0958 14.5208 17 14.2833 17 14C17 13.7167 17.0958 13.4792 17.2875 13.2875C17.4792 13.0958 17.7167 13 18 13C18.2833 13 18.5208 13.0958 18.7125 13.2875C18.9042 13.4792 19 13.7167 19 14C19 14.2833 18.9042 14.5208 18.7125 14.7125C18.5208 14.9042 18.2833 15 18 15ZM18 11C17.7167 11 17.4792 10.9042 17.2875 10.7125C17.0958 10.5208 17 10.2833 17 10C17 9.71667 17.0958 9.47917 17.2875 9.2875C17.4792 9.09583 17.7167 9 18 9C18.2833 9 18.5208 9.09583 18.7125 9.2875C18.9042 9.47917 19 9.71667 19 10C19 10.2833 18.9042 10.5208 18.7125 10.7125C18.5208 10.9042 18.2833 11 18 11ZM18 7C17.7167 7 17.4792 6.90417 17.2875 6.7125C17.0958 6.52083 17 6.28333 17 6C17 5.71667 17.0958 5.47917 17.2875 5.2875C17.4792 5.09583 17.7167 5 18 5C18.2833 5 18.5208 5.09583 18.7125 5.2875C18.9042 5.47917 19 5.71667 19 6C19 6.28333 18.9042 6.52083 18.7125 6.7125C18.5208 6.90417 18.2833 7 18 7ZM21 14.5C20.8667 14.5 20.75 14.45 20.65 14.35C20.55 14.25 20.5 14.1333 20.5 14C20.5 13.8667 20.55 13.75 20.65 13.65C20.75 13.55 20.8667 13.5 21 13.5C21.1333 13.5 21.25 13.55 21.35 13.65C21.45 13.75 21.5 13.8667 21.5 14C21.5 14.1333 21.45 14.25 21.35 14.35C21.25 14.45 21.1333 14.5 21 14.5ZM21 10.5C20.8667 10.5 20.75 10.45 20.65 10.35C20.55 10.25 20.5 10.1333 20.5 10C20.5 9.86667 20.55 9.75 20.65 9.65C20.75 9.55 20.8667 9.5 21 9.5C21.1333 9.5 21.25 9.55 21.35 9.65C21.45 9.75 21.5 9.86667 21.5 10C21.5 10.1333 21.45 10.25 21.35 10.35C21.25 10.45 21.1333 10.5 21 10.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bolt.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bolt.svg
new file mode 100644
index 000000000..5d247f986
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bolt.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.55 18.2L14.725 12H10.725L11.45 6.325L6.825 13H10.3L9.55 18.2ZM7 22L8 15H3L12 2H14L13 10H19L9 22H7Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/book-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/book-filled.svg
new file mode 100644
index 000000000..d02b9fe02
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/book-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.0234 1.74219C18.0366 1.74222 18.8012 2.0067 19.3174 2.53516C19.8336 3.05763 20.0918 3.82638 20.0918 4.83984V15.3203C20.0918 15.7987 20.0103 16.1737 19.8467 16.4443C19.683 16.715 19.4848 16.9544 19.252 17.1621C18.8556 17.5396 18.6101 17.9483 18.5156 18.3887C18.4275 18.823 18.4652 19.2263 18.6289 19.5977C18.7925 19.969 19.0688 20.2402 19.459 20.4102C19.6352 20.4857 19.7862 20.599 19.9121 20.75C20.038 20.9074 20.1016 21.0901 20.1016 21.2979C20.1015 21.5431 20.0165 21.751 19.8467 21.9209C19.6831 22.0907 19.4752 22.1757 19.2236 22.1758H6.94824C5.94744 22.1758 5.189 21.914 4.67285 21.3916C4.15673 20.8754 3.89844 20.1136 3.89844 19.1064V4.83984C3.89844 3.82013 4.15672 3.04884 4.67285 2.52637C5.18903 2.0039 5.95431 1.74219 6.96777 1.74219H17.0234ZM16.9951 17.4922C16.907 17.5048 16.8057 17.5107 16.6924 17.5107H7.25977C6.76271 17.5108 6.36957 17.6465 6.08008 17.917C5.79681 18.1877 5.65527 18.5343 5.65527 18.9561C5.65534 19.4028 5.78403 19.7582 6.04199 20.0225C6.30008 20.2868 6.68098 20.4189 7.18457 20.4189H17.0898C16.8381 19.9909 16.7025 19.5191 16.6836 19.0029C16.6647 18.493 16.7685 17.9895 16.9951 17.4922ZM6.81641 3.31934C6.6654 3.31934 6.53319 3.37606 6.41992 3.48926C6.30662 3.59627 6.25 3.73184 6.25 3.89551V15.415C6.25004 15.5723 6.30666 15.708 6.41992 15.8213C6.53315 15.9344 6.66549 15.9912 6.81641 15.9912C6.97369 15.9912 7.1094 15.9345 7.22266 15.8213C7.33592 15.708 7.39253 15.5723 7.39258 15.415V3.89551C7.39258 3.73194 7.33583 3.59624 7.22266 3.48926C7.1094 3.376 6.97369 3.31938 6.81641 3.31934Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/book.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/book.svg
new file mode 100644
index 000000000..80f539478
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/book.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.83875 18.8567V6.62889C1.83875 6.53884 1.84475 6.4548 1.85675 6.37677C1.87476 6.29873 1.91078 6.21769 1.96481 6.13365C2.24694 5.64142 2.65513 5.1942 3.18939 4.79201C3.72964 4.38982 4.35994 4.06867 5.08028 3.82855C5.80663 3.58844 6.59 3.46838 7.4304 3.46838C8.38485 3.46838 9.26427 3.63646 10.0687 3.97262C10.879 4.30878 11.5243 4.74699 12.0046 5.28725C12.4728 4.74699 13.1091 4.30878 13.9135 3.97262C14.7239 3.63646 15.6123 3.46838 16.5787 3.46838C17.4071 3.46838 18.1815 3.58844 18.9019 3.82855C19.6282 4.06867 20.2615 4.38982 20.8018 4.79201C21.342 5.1942 21.7532 5.64142 22.0353 6.13365C22.0834 6.21769 22.1164 6.29873 22.1344 6.37677C22.1524 6.4548 22.1614 6.53884 22.1614 6.62889V18.8567C22.1614 19.2649 22.0443 19.565 21.8102 19.7571C21.5761 19.9552 21.297 20.0543 20.9728 20.0543C20.8048 20.0543 20.6427 20.0152 20.4866 19.9372C20.3305 19.8592 20.1534 19.7571 19.9554 19.6311C19.4631 19.3069 18.9319 19.0518 18.3616 18.8657C17.7913 18.6796 17.209 18.5896 16.6148 18.5956C15.9785 18.6016 15.3602 18.7186 14.7599 18.9467C14.1656 19.1808 13.6253 19.532 13.1391 20.0002C12.929 20.1983 12.7339 20.3364 12.5538 20.4144C12.3737 20.4925 12.1907 20.5315 12.0046 20.5315C11.8125 20.5315 11.6264 20.4925 11.4463 20.4144C11.2662 20.3364 11.0711 20.1983 10.861 20.0002C10.3688 19.532 9.82254 19.1808 9.22225 18.9467C8.62797 18.7186 8.01568 18.6016 7.38538 18.5956C6.7911 18.5896 6.20882 18.6796 5.63855 18.8657C5.06828 19.0518 4.53403 19.3069 4.03579 19.6311C3.8437 19.7571 3.66961 19.8592 3.51354 19.9372C3.35747 20.0152 3.19539 20.0543 3.02731 20.0543C2.70316 20.0543 2.42402 19.9552 2.18991 19.7571C1.9558 19.565 1.83875 19.2649 1.83875 18.8567ZM3.61259 17.8572C4.08081 17.5391 4.64808 17.2899 5.3144 17.1099C5.98071 16.9238 6.68605 16.8307 7.4304 16.8307C7.89862 16.8307 8.35784 16.8818 8.80806 16.9838C9.25827 17.0799 9.67847 17.2149 10.0687 17.389C10.4588 17.5631 10.807 17.7642 11.1132 17.9923V6.94403C10.807 6.42779 10.3178 6.01659 9.64545 5.71045C8.97914 5.3983 8.24079 5.24223 7.4304 5.24223C6.89615 5.24223 6.3829 5.31126 5.89067 5.44932C5.39844 5.58739 4.95423 5.77948 4.55804 6.0256C4.16185 6.27172 3.8467 6.56285 3.61259 6.89901V17.8572ZM12.887 17.9923C13.1871 17.7642 13.5353 17.5631 13.9315 17.389C14.3277 17.2149 14.7479 17.0799 15.1921 16.9838C15.6423 16.8818 16.1045 16.8307 16.5787 16.8307C17.3111 16.8307 18.0104 16.9238 18.6767 17.1099C19.3431 17.2899 19.9133 17.5391 20.3876 17.8572V6.89901C20.1534 6.56285 19.8353 6.27172 19.4331 6.0256C19.0369 5.77948 18.5927 5.58739 18.1005 5.44932C17.6142 5.31126 17.107 5.24223 16.5787 5.24223C15.7564 5.24223 15.012 5.3983 14.3457 5.71045C13.6794 6.01659 13.1931 6.42779 12.887 6.94403V17.9923Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/book_2-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/book_2-filled.svg
new file mode 100644
index 000000000..8fca60cb1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/book_2-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 22C6.53333 22 5.70833 21.6583 5.025 20.975C4.34167 20.2917 4 19.4667 4 18.5V5.5C4 4.53333 4.34167 3.70833 5.025 3.025C5.70833 2.34167 6.53333 2 7.5 2H20V17C19.5833 17 19.2292 17.1458 18.9375 17.4375C18.6458 17.7292 18.5 18.0833 18.5 18.5C18.5 18.9167 18.6458 19.2708 18.9375 19.5625C19.2292 19.8542 19.5833 20 20 20V22H7.5ZM8 15H10V4H8V15ZM7.5 20H16.825C16.725 19.7667 16.6458 19.5292 16.5875 19.2875C16.5292 19.0458 16.5 18.7833 16.5 18.5C16.5 18.2333 16.525 17.975 16.575 17.725C16.625 17.475 16.7083 17.2333 16.825 17H7.5C7.06667 17 6.70833 17.1458 6.425 17.4375C6.14167 17.7292 6 18.0833 6 18.5C6 18.9333 6.14167 19.2917 6.425 19.575C6.70833 19.8583 7.06667 20 7.5 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark-filled.svg
new file mode 100644
index 000000000..c4c77a995
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.6259 1.87573C16.5271 1.87574 17.2093 2.11081 17.6721 2.57969C18.1347 3.04853 18.3658 3.7364 18.3659 4.64344V20.5735C18.3658 20.9814 18.2598 21.3014 18.0467 21.5328C17.8397 21.7703 17.5559 21.8889 17.1966 21.8889C16.9471 21.8889 16.719 21.8125 16.5121 21.6604C16.305 21.5143 16.0032 21.2495 15.6074 20.8658L12.0728 17.3766C12.0241 17.3218 11.9722 17.3218 11.9174 17.3766L8.3921 20.8658C7.99629 21.2495 7.69129 21.5143 7.47816 21.6604C7.27115 21.8126 7.04551 21.8889 6.80196 21.8889C6.43678 21.8888 6.14733 21.7702 5.93428 21.5328C5.72726 21.3014 5.6244 20.9815 5.62439 20.5735V4.64344C5.62442 3.73636 5.85554 3.04853 6.31817 2.57969C6.78096 2.1108 7.46312 1.87573 8.36435 1.87573H15.6259Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark_add.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark_add.svg
new file mode 100644
index 000000000..b958c7073
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark_add.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21V5C5 4.45 5.19583 3.97917 5.5875 3.5875C5.97917 3.19583 6.45 3 7 3H13V5H7V17.95L12 15.8L17 17.95V11H19V21L12 18L5 21ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark_remove.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark_remove.svg
new file mode 100644
index 000000000..c547733d5
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bookmark_remove.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 7H15V5H21V7ZM5 21V5C5 4.45 5.19583 3.97917 5.5875 3.5875C5.97917 3.19583 6.45 3 7 3H13V5H7V17.95L12 15.8L17 17.95V11H19V21L12 18L5 21Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-dashed.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-dashed.svg
new file mode 100644
index 000000000..7711931ac
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-dashed.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0195 14.7217C22.0195 15.6073 21.8533 16.365 21.5205 16.9951C21.1876 17.6194 20.7121 18.0987 20.0938 18.4316C19.4754 18.7646 18.738 18.9306 17.8818 18.9307H17.6316C17.5476 18.9307 17.5056 18.9307 17.4735 18.947C17.4453 18.9614 17.4223 18.9843 17.408 19.0126C17.3916 19.0447 17.3916 19.0867 17.3916 19.1707V21.1064C17.3916 21.5107 17.29 21.8325 17.0879 22.0703C16.8798 22.308 16.5912 22.4268 16.2227 22.4268C15.9672 22.4267 15.7296 22.3611 15.5098 22.2305C15.2839 22.0997 15.0133 21.8974 14.6982 21.624L11.7244 18.991C11.6992 18.9687 11.6866 18.9575 11.6723 18.9496C11.6596 18.9425 11.6459 18.9373 11.6317 18.9342C11.6158 18.9307 11.5989 18.9307 11.5653 18.9307H9.24195C9.15795 18.9307 9.11594 18.9307 9.08385 18.9143C9.05563 18.8999 9.03268 18.877 9.0183 18.8488C9.00195 18.8167 9.00195 18.7747 9.00195 18.6907V17.3601C9.00195 17.2761 9.00195 17.2341 9.0183 17.202C9.03268 17.1738 9.05563 17.1508 9.08385 17.1365C9.11594 17.1201 9.15795 17.1201 9.24195 17.1201H11.7549C12.0283 17.1201 12.2486 17.1534 12.415 17.2188C12.5814 17.2783 12.7601 17.4055 12.9502 17.6016L15.3687 19.99C15.497 20.1167 15.5612 20.1801 15.6162 20.1842C15.664 20.1877 15.7106 20.1683 15.7416 20.1318C15.7773 20.0898 15.7773 19.9996 15.7773 19.8192V17.8516C15.7773 17.5842 15.8364 17.3971 15.9551 17.29C16.074 17.1771 16.2619 17.1201 16.5176 17.1201H17.748C18.5863 17.1201 19.208 16.9123 19.6123 16.4961C20.0105 16.08 20.2089 15.4675 20.209 14.6592C20.209 14.6398 20.209 14.6301 20.2099 14.6219C20.2176 14.552 20.2727 14.4969 20.3426 14.4892C20.3508 14.4883 20.3605 14.4883 20.3799 14.4883H21.7861C21.8639 14.4883 21.9028 14.4883 21.933 14.5024C21.9649 14.5173 21.9906 14.5429 22.0055 14.5748C22.0195 14.605 22.0195 14.6439 22.0195 14.7217Z" fill="#222631"/>
+<path d="M3.79102 14.6592C3.79108 15.4676 3.99322 16.08 4.39746 16.4961C4.80177 16.9121 5.41691 17.1201 6.24316 17.1201H7.26195C7.34596 17.1201 7.38796 17.1201 7.42005 17.1365C7.44828 17.1508 7.47122 17.1738 7.4856 17.202C7.50195 17.2341 7.50195 17.2761 7.50195 17.3601V18.6907C7.50195 18.7747 7.50195 18.8167 7.4856 18.8488C7.47122 18.877 7.44828 18.8999 7.42005 18.9143C7.38796 18.9307 7.34596 18.9307 7.26195 18.9307H6.18945C5.29173 18.9306 4.53051 18.7646 3.90625 18.4316C3.27603 18.0987 2.79771 17.6194 2.4707 16.9951C2.14382 16.365 1.98053 15.6073 1.98047 14.7217C1.98047 14.6439 1.98047 14.605 1.99454 14.5748C2.00944 14.5429 2.03511 14.5173 2.06703 14.5024C2.09719 14.4883 2.13608 14.4883 2.21387 14.4883H3.62012C3.63953 14.4883 3.64923 14.4883 3.6574 14.4892C3.72727 14.4969 3.78244 14.552 3.79012 14.6219C3.79102 14.6301 3.79102 14.6398 3.79102 14.6592Z" fill="#222631"/>
+<path d="M22.0195 12.7483C22.0195 12.8323 22.0195 12.8743 22.0032 12.9064C21.9888 12.9346 21.9659 12.9576 21.9376 12.9719C21.9055 12.9883 21.8635 12.9883 21.7795 12.9883H20.449C20.365 12.9883 20.323 12.9883 20.2909 12.9719C20.2627 12.9576 20.2397 12.9346 20.2253 12.9064C20.209 12.8743 20.209 12.8323 20.209 12.7483V10.3396C20.209 10.2556 20.209 10.2136 20.2253 10.1815C20.2397 10.1533 20.2627 10.1303 20.2909 10.116C20.323 10.0996 20.365 10.0996 20.449 10.0996H21.7795C21.8635 10.0996 21.9055 10.0996 21.9376 10.116C21.9659 10.1303 21.9888 10.1533 22.0032 10.1815C22.0195 10.2136 22.0195 10.2556 22.0195 10.3396V12.7483Z" fill="#222631"/>
+<path d="M3.79102 12.7483C3.79102 12.8323 3.79102 12.8743 3.77467 12.9064C3.76029 12.9346 3.73734 12.9576 3.70911 12.9719C3.67703 12.9883 3.63502 12.9883 3.55102 12.9883H2.22047C2.13646 12.9883 2.09446 12.9883 2.06237 12.9719C2.03415 12.9576 2.0112 12.9346 1.99682 12.9064C1.98047 12.8743 1.98047 12.8323 1.98047 12.7483V10.3396C1.98047 10.2556 1.98047 10.2136 1.99682 10.1815C2.0112 10.1533 2.03415 10.1303 2.06237 10.116C2.09446 10.0996 2.13646 10.0996 2.22047 10.0996H3.55102C3.63502 10.0996 3.67703 10.0996 3.70911 10.116C3.73734 10.1303 3.76029 10.1533 3.77467 10.1815C3.79102 10.2136 3.79102 10.2556 3.79102 10.3396V12.7483Z" fill="#222631"/>
+<path d="M17.8105 3.57324C18.7083 3.57326 19.4723 3.73934 20.1025 4.07227C20.7268 4.40522 21.2023 4.88734 21.5293 5.51758C21.8562 6.14175 22.0195 6.89657 22.0195 7.78223V8.35961C22.0195 8.44362 22.0195 8.48562 22.0032 8.51771C21.9888 8.54593 21.9659 8.56888 21.9376 8.58326C21.9055 8.59961 21.8635 8.59961 21.7795 8.59961H20.449C20.365 8.59961 20.323 8.59961 20.2909 8.58326C20.2627 8.56888 20.2397 8.54593 20.2253 8.51771C20.209 8.48562 20.209 8.44362 20.209 8.35961V7.84473C20.2089 7.0364 20.0105 6.42395 19.6123 6.00781C19.208 5.59163 18.5863 5.38381 17.748 5.38379H16.742C16.6579 5.38379 16.6159 5.38379 16.5839 5.36744C16.5556 5.35306 16.5327 5.33011 16.5183 5.30189C16.502 5.2698 16.502 5.2278 16.502 5.14379V3.81324C16.502 3.72923 16.502 3.68723 16.5183 3.65514C16.5327 3.62692 16.5556 3.60397 16.5839 3.58959C16.6159 3.57324 16.6579 3.57324 16.742 3.57324H17.8105Z" fill="#222631"/>
+<path d="M7.26195 3.57324C7.34596 3.57324 7.38796 3.57324 7.42005 3.58959C7.44828 3.60397 7.47122 3.62692 7.4856 3.65514C7.50195 3.68723 7.50195 3.72923 7.50195 3.81324V5.14379C7.50195 5.2278 7.50195 5.2698 7.4856 5.30189C7.47122 5.33011 7.44828 5.35306 7.42005 5.36744C7.38796 5.38379 7.34596 5.38379 7.26195 5.38379H6.24316C5.41689 5.38379 4.80177 5.59179 4.39746 6.00781C3.99321 6.42395 3.79107 7.03629 3.79102 7.84473V8.35961C3.79102 8.44362 3.79102 8.48562 3.77467 8.51771C3.76029 8.54593 3.73734 8.56888 3.70911 8.58326C3.67703 8.59961 3.63502 8.59961 3.55102 8.59961H2.22047C2.13646 8.59961 2.09446 8.59961 2.06237 8.58326C2.03415 8.56888 2.0112 8.54593 1.99682 8.51771C1.98047 8.48562 1.98047 8.44362 1.98047 8.35961V7.78223C1.98052 6.89657 2.14379 6.14175 2.4707 5.51758C2.7977 4.88736 3.27604 4.40522 3.90625 4.07227C4.53051 3.73933 5.29173 3.57326 6.18945 3.57324H7.26195Z" fill="#222631"/>
+<path d="M14.762 3.57324C14.846 3.57324 14.888 3.57324 14.9201 3.58959C14.9483 3.60397 14.9712 3.62692 14.9856 3.65514C15.002 3.68723 15.002 3.72923 15.002 3.81324V5.14379C15.002 5.2278 15.002 5.2698 14.9856 5.30189C14.9712 5.33011 14.9483 5.35306 14.9201 5.36744C14.888 5.38379 14.846 5.38379 14.762 5.38379H9.24195C9.15795 5.38379 9.11594 5.38379 9.08385 5.36744C9.05563 5.35306 9.03268 5.33011 9.0183 5.30189C9.00195 5.2698 9.00195 5.2278 9.00195 5.14379V3.81324C9.00195 3.72923 9.00195 3.68723 9.0183 3.65514C9.03268 3.62692 9.05563 3.60397 9.08385 3.58959C9.11594 3.57324 9.15795 3.57324 9.24195 3.57324H14.762Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-edit.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-edit.svg
new file mode 100644
index 000000000..cccf3528c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-edit.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4795 4.75786H6.24805C5.40331 4.75787 4.7786 4.96933 4.37402 5.39165C3.96353 5.80812 3.75782 6.4271 3.75781 7.2481V14.0577C3.75784 14.8846 3.96352 15.5093 4.37402 15.9317C4.7786 16.3481 5.40325 16.5567 6.24805 16.5567H11.7988C12.0725 16.5567 12.2934 16.5889 12.46 16.6543C12.6205 16.7139 12.796 16.839 12.9863 17.0293L15.8154 19.8321V17.2881C15.8155 17.0205 15.8752 16.8327 15.9941 16.7256C16.1072 16.6129 16.2885 16.5567 16.5381 16.5567H17.7607C18.5996 16.5567 19.2242 16.3481 19.6348 15.9317C20.0393 15.5093 20.2422 14.8846 20.2422 14.0577V9.52056L22 7.76275V14.1202C22 15.0066 21.836 15.7621 21.5088 16.3868C21.1756 17.0055 20.7026 17.4813 20.0898 17.8145C19.4712 18.1476 18.7307 18.3145 17.8682 18.3145H17.3857V20.5098C17.3857 20.9083 17.288 21.2241 17.0918 21.4561C16.8896 21.688 16.6097 21.8037 16.2529 21.8038C16.0031 21.8038 15.768 21.7383 15.5479 21.6075C15.3277 21.4825 15.0651 21.2863 14.7617 21.0186L11.71 18.3145H6.19434C5.30199 18.3145 4.54361 18.1476 3.91895 17.8145C3.29427 17.4813 2.81844 17.0055 2.49121 16.3868C2.164 15.7621 2.00002 15.0066 2 14.1202V7.19439C2.00003 6.30801 2.16403 5.55528 2.49121 4.93657C2.81844 4.31198 3.29432 3.83319 3.91895 3.50005C4.54361 3.16691 5.30199 3.00008 6.19434 3.00005H15.2373L13.4795 4.75786Z" fill="#222631"/>
+<path d="M20.9426 4.52072L12.8821 12.5822L10.8293 13.4553C10.7026 13.4996 10.5854 13.4716 10.4778 13.3703C10.3701 13.2626 10.3446 13.1454 10.4016 13.0188L11.3049 11.0129L19.3557 2.95236L20.9426 4.52072Z" fill="#222631"/>
+<path d="M21.4475 1.22189C21.7069 1.19674 21.928 1.27076 22.1115 1.44162L22.3879 1.71701C22.5842 1.91341 22.6794 2.14184 22.6731 2.40158C22.6666 2.66118 22.5588 2.89229 22.3498 3.09494L21.6848 3.77951L20.1067 2.19259L20.7727 1.53634C20.9627 1.34638 21.1878 1.24089 21.4475 1.22189Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-lock.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-lock.svg
new file mode 100644
index 000000000..50a5b586a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-lock.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.18945 3.57324C5.29173 3.57326 4.53051 3.73933 3.90625 4.07227C3.27604 4.40522 2.7977 4.88736 2.4707 5.51758C2.14379 6.14175 1.98052 6.89657 1.98047 7.78223V14.7217C1.98053 15.6073 2.14382 16.365 2.4707 16.9951C2.79771 17.6194 3.27603 18.0987 3.90625 18.4316C4.53051 18.7646 5.29173 18.9306 6.18945 18.9307H11.6562L14.6982 21.624C15.0133 21.8974 15.2839 22.0997 15.5098 22.2305C15.7296 22.3611 15.9672 22.4267 16.2227 22.4268C16.5912 22.4268 16.8798 22.308 17.0879 22.0703C17.29 21.8325 17.3916 21.5107 17.3916 21.1064V18.9307H17.8818C18.738 18.9306 19.4754 18.7646 20.0938 18.4316C20.7121 18.0987 21.1876 17.6194 21.5205 16.9951C21.8533 16.365 22.0195 15.6073 22.0195 14.7217V7.78223C22.0195 6.89657 21.8562 6.14175 21.5293 5.51758C21.2023 4.88734 20.7268 4.40522 20.1025 4.07227C19.4723 3.73934 18.7083 3.57326 17.8105 3.57324H6.18945ZM17.748 5.38379C18.5863 5.38381 19.208 5.59163 19.6123 6.00781C20.0105 6.42395 20.2089 7.0364 20.209 7.84473V14.6592C20.2089 15.4675 20.0105 16.08 19.6123 16.4961C19.208 16.9123 18.5863 17.1201 17.748 17.1201H16.5176C16.2619 17.1201 16.074 17.1771 15.9551 17.29C15.8364 17.3971 15.7773 17.5842 15.7773 17.8516V20.3936L12.9502 17.6016C12.7601 17.4055 12.5814 17.2783 12.415 17.2188C12.2486 17.1534 12.0283 17.1201 11.7549 17.1201H6.24316C5.41691 17.1201 4.80177 16.9121 4.39746 16.4961C3.99322 16.08 3.79108 15.4676 3.79102 14.6592V7.84473C3.79107 7.03629 3.99321 6.42395 4.39746 6.00781C4.80177 5.59179 5.41689 5.38379 6.24316 5.38379H17.748ZM12.0039 7.13672C11.3573 7.13673 10.8368 7.35988 10.4424 7.80664C10.0427 8.24839 9.84277 8.83286 9.84277 9.55859V10.4492C9.39576 10.4913 9.17188 10.7784 9.17188 11.3096V14.3857C9.17188 14.9746 9.44801 15.2694 10 15.2695H14.0078C14.5546 15.2695 14.8281 14.9747 14.8281 14.3857V11.3096C14.8281 10.7837 14.6068 10.4965 14.165 10.4492V9.55859C14.165 8.83286 13.9651 8.24839 13.5654 7.80664C13.1658 7.3599 12.6453 7.13672 12.0039 7.13672ZM12.0039 8.02832C12.3772 8.02832 12.6772 8.16164 12.9033 8.42969C13.1295 8.69263 13.2422 9.043 13.2422 9.47949V10.4336H10.7578V9.47949C10.7578 9.043 10.8731 8.69263 11.1045 8.42969C11.3306 8.16162 11.6306 8.02833 12.0039 8.02832Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-text-notif.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-text-notif.svg
new file mode 100644
index 000000000..5c522a76a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-text-notif.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.3428 3C14.1472 3.55331 14.0303 4.14349 14.0059 4.75781H6.24805C5.40331 4.75782 4.7786 4.96927 4.37402 5.3916C3.9635 5.80807 3.75782 6.42701 3.75781 7.24805V14.0576C3.75782 14.8846 3.9635 15.5092 4.37402 15.9316C4.7786 16.3481 5.40321 16.5566 6.24805 16.5566H11.7988C12.0725 16.5566 12.2934 16.5889 12.46 16.6543C12.6205 16.7138 12.796 16.839 12.9863 17.0293L15.8154 19.832V17.2881C15.8155 17.0204 15.8752 16.8327 15.9941 16.7256C16.1072 16.6128 16.2885 16.5567 16.5381 16.5566H17.7607C18.5996 16.5566 19.2242 16.3481 19.6348 15.9316C20.0393 15.5092 20.2422 14.8846 20.2422 14.0576V10.9932C20.8565 10.9688 21.4467 10.8528 22 10.6572V14.1201C22 15.0066 21.836 15.762 21.5088 16.3867C21.1756 17.0055 20.7027 17.4813 20.0898 17.8145C19.4711 18.1476 18.7307 18.3144 17.8682 18.3145H17.3857V20.5098C17.3857 20.9083 17.288 21.224 17.0918 21.4561C16.8896 21.688 16.6097 21.8036 16.2529 21.8037C16.0031 21.8037 15.768 21.7383 15.5479 21.6074C15.3277 21.4825 15.0652 21.2863 14.7617 21.0186L11.71 18.3145H6.19434C5.30197 18.3144 4.54362 18.1476 3.91895 17.8145C3.29424 17.4813 2.81844 17.0055 2.49121 16.3867C2.16399 15.762 2.00001 15.0066 2 14.1201V7.19434C2.00003 6.30792 2.164 5.55524 2.49121 4.93652C2.81844 4.31192 3.2943 3.83314 3.91895 3.5C4.54361 3.16685 5.30199 3.00003 6.19434 3H14.3428Z" fill="#222631"/>
+<path d="M12.2598 12.8799C12.4143 12.88 12.5453 12.9359 12.6523 13.0488C12.7653 13.1558 12.8212 13.2869 12.8213 13.4414C12.8213 13.5959 12.7651 13.727 12.6523 13.834C12.5453 13.941 12.4143 13.995 12.2598 13.9951H7.46191C7.30722 13.9951 7.17643 13.9411 7.06934 13.834C6.96232 13.7269 6.9082 13.596 6.9082 13.4414C6.90828 13.2869 6.95948 13.1558 7.06055 13.0488C7.16759 12.936 7.30143 12.8799 7.46191 12.8799H12.2598Z" fill="#222631"/>
+<path d="M16.4395 10.0322C16.6001 10.0322 16.7347 10.0891 16.8418 10.2021C16.9488 10.3152 17.002 10.4432 17.002 10.5859C17.0019 10.7464 16.9487 10.8803 16.8418 10.9873C16.7347 11.0944 16.6001 11.1484 16.4395 11.1484H7.46191C7.30723 11.1484 7.17643 11.0944 7.06934 10.9873C6.96225 10.8802 6.90821 10.7466 6.9082 10.5859C6.9082 10.4431 6.9594 10.3152 7.06055 10.2021C7.16761 10.0892 7.30136 10.0322 7.46191 10.0322H16.4395Z" fill="#222631"/>
+<path d="M20 1C22.2091 1 24 2.79086 24 5C24 7.20914 22.2091 9 20 9C17.7909 9 16 7.20914 16 5C16 2.79086 17.7909 1 20 1Z" fill="#222631"/>
+<path d="M14.4189 7.20312C14.5734 7.594 14.7669 7.96489 14.9961 8.31055H7.46191C7.30726 8.31055 7.17642 8.25645 7.06934 8.14941C6.96228 8.03641 6.90824 7.90267 6.9082 7.74805C6.9082 7.5993 6.9594 7.47135 7.06055 7.36426C7.16762 7.25725 7.30134 7.20312 7.46191 7.20312H14.4189Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-text.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-text.svg
new file mode 100644
index 000000000..4b948be3f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble-text.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2598 12.8799C12.4143 12.88 12.5453 12.9359 12.6523 13.0488C12.7653 13.1558 12.8212 13.2869 12.8213 13.4414C12.8213 13.5959 12.7651 13.727 12.6523 13.834C12.5453 13.941 12.4143 13.995 12.2598 13.9951H7.46191C7.30722 13.9951 7.17643 13.9411 7.06934 13.834C6.96232 13.7269 6.9082 13.596 6.9082 13.4414C6.90828 13.2869 6.95948 13.1558 7.06055 13.0488C7.16759 12.936 7.30143 12.8799 7.46191 12.8799H12.2598Z" fill="#222631"/>
+<path d="M16.4395 10.0322C16.6001 10.0322 16.7347 10.0891 16.8418 10.2021C16.9488 10.3152 17.002 10.4432 17.002 10.5859C17.0019 10.7464 16.9487 10.8803 16.8418 10.9873C16.7347 11.0944 16.6001 11.1484 16.4395 11.1484H7.46191C7.30723 11.1484 7.17643 11.0944 7.06934 10.9873C6.96225 10.8802 6.90821 10.7466 6.9082 10.5859C6.9082 10.4431 6.9594 10.3152 7.06055 10.2021C7.16761 10.0892 7.30136 10.0322 7.46191 10.0322H16.4395Z" fill="#222631"/>
+<path d="M16.4395 7.20312C16.6001 7.20312 16.7347 7.25716 16.8418 7.36426C16.9488 7.47131 17.002 7.5994 17.002 7.74805C17.0019 7.90259 16.9487 8.03645 16.8418 8.14941C16.7347 8.25651 16.6001 8.31055 16.4395 8.31055H7.46191C7.30726 8.31055 7.17642 8.25645 7.06934 8.14941C6.96228 8.03641 6.90824 7.90267 6.9082 7.74805C6.9082 7.5993 6.9594 7.47135 7.06055 7.36426C7.16762 7.25725 7.30134 7.20312 7.46191 7.20312H16.4395Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8057 3C18.7039 3.00003 19.4652 3.16689 20.0898 3.5C20.7085 3.83314 21.1816 4.31192 21.5088 4.93652C21.836 5.55524 22 6.30792 22 7.19434V14.1201C22 15.0066 21.836 15.762 21.5088 16.3867C21.1756 17.0055 20.7027 17.4813 20.0898 17.8145C19.4711 18.1476 18.7307 18.3144 17.8682 18.3145H17.3857V20.5098C17.3857 20.9083 17.288 21.224 17.0918 21.4561C16.8896 21.688 16.6097 21.8036 16.2529 21.8037C16.0031 21.8037 15.768 21.7383 15.5479 21.6074C15.3277 21.4825 15.0652 21.2863 14.7617 21.0186L11.71 18.3145H6.19434C5.30197 18.3144 4.54362 18.1476 3.91895 17.8145C3.29424 17.4813 2.81844 17.0055 2.49121 16.3867C2.16399 15.762 2.00001 15.0066 2 14.1201V7.19434C2.00003 6.30792 2.164 5.55524 2.49121 4.93652C2.81844 4.31192 3.2943 3.83314 3.91895 3.5C4.54361 3.16685 5.30199 3.00003 6.19434 3H17.8057ZM6.24805 4.75781C5.40331 4.75782 4.7786 4.96927 4.37402 5.3916C3.9635 5.80807 3.75782 6.42701 3.75781 7.24805V14.0576C3.75782 14.8846 3.9635 15.5092 4.37402 15.9316C4.7786 16.3481 5.40321 16.5566 6.24805 16.5566H11.7988C12.0725 16.5566 12.2934 16.5889 12.46 16.6543C12.6205 16.7138 12.796 16.839 12.9863 17.0293L15.8154 19.832V17.2881C15.8155 17.0204 15.8752 16.8327 15.9941 16.7256C16.1072 16.6128 16.2885 16.5567 16.5381 16.5566H17.7607C18.5996 16.5566 19.2242 16.3481 19.6348 15.9316C20.0393 15.5092 20.2422 14.8846 20.2422 14.0576V7.24805C20.2422 6.42701 20.0393 5.80807 19.6348 5.3916C19.2242 4.96931 18.5995 4.75781 17.7607 4.75781H6.24805Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble.svg
new file mode 100644
index 000000000..4fab9528f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bubble.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.2229 22.4268C16.5915 22.4268 16.8799 22.3079 17.088 22.07C17.2901 21.8322 17.3912 21.5111 17.3912 21.1068V18.9307H17.8817C18.7379 18.9307 19.4752 18.7643 20.0935 18.4313C20.7119 18.0983 21.1875 17.6197 21.5205 16.9954C21.8534 16.3652 22.0199 15.6071 22.0199 14.7212V7.78264C22.0199 6.89674 21.8564 6.14164 21.5294 5.51735C21.2024 4.88711 20.7267 4.40551 20.1024 4.07255C19.4722 3.7396 18.7082 3.57312 17.8104 3.57312H6.18961C5.29181 3.57312 4.53077 3.7396 3.90648 4.07255C3.27624 4.40551 2.79762 4.88711 2.4706 5.51735C2.14359 6.14164 1.98009 6.89674 1.98009 7.78264V14.7212C1.98009 15.6071 2.14359 16.3652 2.4706 16.9954C2.79762 17.6197 3.27624 18.0983 3.90648 18.4313C4.53077 18.7643 5.29181 18.9307 6.18961 18.9307H11.6566L14.6978 21.6241C15.0129 21.8976 15.2835 22.0998 15.5094 22.2306C15.7294 22.3614 15.9672 22.4268 16.2229 22.4268ZM15.777 20.3934L12.9498 17.6019C12.7595 17.4057 12.5812 17.2778 12.4147 17.2184C12.2482 17.153 12.0282 17.1203 11.7547 17.1203H6.24312C5.41667 17.1203 4.8013 16.9122 4.39699 16.496C3.99269 16.0798 3.79054 15.4674 3.79054 14.6588V7.84507C3.79054 7.03646 3.99269 6.42406 4.39699 6.00786C4.8013 5.59167 5.41667 5.38357 6.24312 5.38357H17.7479C18.5863 5.38357 19.2076 5.59167 19.6119 6.00786C20.0103 6.42406 20.2094 7.03646 20.2094 7.84507V14.6588C20.2094 15.4674 20.0103 16.0798 19.6119 16.496C19.2076 16.9122 18.5863 17.1203 17.7479 17.1203H16.5172C16.2615 17.1203 16.0742 17.1768 15.9553 17.2897C15.8364 17.3968 15.777 17.584 15.777 17.8516V20.3934Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/bug.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/bug.svg
new file mode 100644
index 000000000..b966ad313
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/bug.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.95166 17.4303C9.26724 17.4303 9.53544 17.5439 9.75635 17.7711C9.98356 17.992 10.0972 18.2602 10.0972 18.5758C10.0972 18.885 9.98346 19.1499 9.75635 19.3707C9.53544 19.5916 9.26724 19.7028 8.95166 19.7028C8.64239 19.7028 8.37419 19.5916 8.14697 19.3707C7.92617 19.1499 7.81592 18.885 7.81592 18.5758C7.81592 18.2602 7.92607 17.992 8.14697 17.7711C8.37419 17.5439 8.6424 17.4303 8.95166 17.4303Z" fill="#222631"/>
+<path d="M15.0396 17.4303C15.355 17.4304 15.6234 17.544 15.8442 17.7711C16.065 17.992 16.1753 18.2603 16.1753 18.5758C16.1753 18.8849 16.0649 19.1499 15.8442 19.3707C15.6234 19.5916 15.355 19.7027 15.0396 19.7028C14.724 19.7028 14.4558 19.5916 14.2349 19.3707C14.014 19.1498 13.9028 18.8851 13.9028 18.5758C13.9028 18.2602 14.014 17.992 14.2349 17.7711C14.4557 17.544 14.7241 17.4303 15.0396 17.4303Z" fill="#222631"/>
+<path d="M7.81592 13.5768C8.20691 13.5769 8.54129 13.7189 8.81885 14.0026C9.10287 14.2803 9.24561 14.6186 9.24561 15.0162C9.24556 15.4138 9.10283 15.7547 8.81885 16.0387C8.54126 16.3162 8.20699 16.4546 7.81592 16.4547C7.41841 16.4547 7.07743 16.3162 6.79346 16.0387C6.50948 15.7547 6.36674 15.4138 6.3667 15.0162C6.3667 14.6186 6.50943 14.2803 6.79346 14.0026C7.07739 13.7188 7.41849 13.5768 7.81592 13.5768Z" fill="#222631"/>
+<path d="M16.1753 13.5768C16.5728 13.5768 16.9138 13.7187 17.1978 14.0026C17.4818 14.2803 17.6235 14.6186 17.6235 15.0162C17.6235 15.4138 17.4817 15.7547 17.1978 16.0387C16.9137 16.3163 16.5729 16.4547 16.1753 16.4547C15.7841 16.4547 15.4466 16.3163 15.1626 16.0387C14.8849 15.7547 14.7456 15.4138 14.7456 15.0162C14.7456 14.6186 14.8849 14.2803 15.1626 14.0026C15.4465 13.7188 15.7842 13.5768 16.1753 13.5768Z" fill="#222631"/>
+<path d="M8.95166 10.1969C9.29243 10.1969 9.58294 10.32 9.82275 10.566C10.0689 10.8058 10.1918 11.0964 10.1919 11.4371C10.1919 11.778 10.0689 12.0718 9.82275 12.318C9.58292 12.5578 9.29247 12.6774 8.95166 12.6774C8.61085 12.6774 8.3204 12.5578 8.08057 12.318C7.84072 12.0718 7.72119 11.778 7.72119 11.4371C7.72125 11.0964 7.84078 10.8058 8.08057 10.566C8.32038 10.32 8.61089 10.1969 8.95166 10.1969Z" fill="#222631"/>
+<path d="M15.0396 10.1969C15.3802 10.197 15.6709 10.32 15.9106 10.566C16.1504 10.8058 16.27 11.0964 16.27 11.4371C16.27 11.7779 16.1504 12.0719 15.9106 12.318C15.6709 12.5578 15.3802 12.6773 15.0396 12.6774C14.6987 12.6774 14.4048 12.5578 14.1587 12.318C13.9188 12.0718 13.7993 11.778 13.7993 11.4371C13.7994 11.0964 13.9189 10.8058 14.1587 10.566C14.3985 10.32 14.6925 10.1969 15.0396 10.1969Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.64502 0.77698C7.82795 0.663439 8.05201 0.650704 8.31689 0.738895L9.04639 1.03284C9.53846 1.2095 9.89827 1.47107 10.1255 1.818C10.3183 2.11259 10.41 2.45988 10.4028 2.85901C10.8938 2.75325 11.4229 2.69886 11.9907 2.69886C12.5658 2.69886 13.099 2.75313 13.5913 2.85706C13.5754 2.45875 13.6635 2.1121 13.856 1.818C14.0895 1.47105 14.4527 1.2095 14.9448 1.03284L15.6831 0.738895C15.9418 0.650598 16.1632 0.663397 16.3462 0.77698C16.529 0.88424 16.6547 1.03908 16.7241 1.24085C16.7935 1.44282 16.7876 1.64187 16.7056 1.83753C16.6298 2.02683 16.4623 2.15926 16.2036 2.23499L15.5884 2.45276C15.3927 2.51588 15.2569 2.59787 15.1812 2.69886C15.1117 2.79984 15.093 2.92628 15.1245 3.07776L15.2222 3.4762C15.7499 3.79137 16.178 4.19471 16.5063 4.68714C16.9418 5.33082 17.1665 6.10064 17.1792 6.99671C17.6276 7.39115 18.0334 7.83479 18.3999 8.32483L19.7827 7.18616C19.9782 7.0286 20.1895 6.94642 20.4165 6.94007C20.6499 6.92745 20.8457 7.01909 21.0034 7.21448C21.1612 7.40383 21.2185 7.61572 21.1743 7.84925C21.1301 8.07642 21.013 8.26862 20.8237 8.42639L19.2651 9.71155C19.602 10.3621 19.8724 11.0481 20.0757 11.7692C20.2133 12.2573 20.3142 12.7473 20.3804 13.2389L22.0454 13.2457C22.3104 13.2458 22.5215 13.3218 22.6792 13.4733C22.8433 13.6247 22.9253 13.8204 22.9253 14.0602C22.9252 14.3061 22.8432 14.5045 22.6792 14.6559C22.5215 14.8073 22.3104 14.8834 22.0454 14.8834L20.4683 14.8707C20.4429 16.0748 20.2445 17.1775 19.8677 18.1783C19.7236 18.5589 19.556 18.9194 19.3677 19.2614L20.7573 20.4215C20.953 20.5856 21.0735 20.7822 21.1177 21.0094C21.1617 21.2427 21.101 21.454 20.937 21.6432C20.7792 21.8387 20.5836 21.9337 20.3501 21.9274C20.123 21.921 19.9119 21.8355 19.7163 21.6715L18.4419 20.5895C18.3427 20.7034 18.2414 20.8155 18.1353 20.9235C17.3905 21.6935 16.497 22.2837 15.4556 22.694C14.4205 23.1105 13.2656 23.319 11.9907 23.319C10.7284 23.319 9.57609 23.1105 8.53467 22.694C7.49343 22.2837 6.59717 21.6934 5.84619 20.9235C5.74364 20.8183 5.64443 20.7102 5.54834 20.5992L4.28467 21.6715C4.0827 21.8356 3.86736 21.9211 3.64014 21.9274C3.41304 21.9336 3.21726 21.8388 3.05322 21.6432C2.89562 21.454 2.83582 21.2427 2.87354 21.0094C2.91772 20.7822 3.03726 20.5856 3.23291 20.4215L4.61963 19.2575C4.43306 18.9167 4.26708 18.5574 4.12354 18.1783C3.74674 17.1775 3.54729 16.0748 3.52197 14.8707L1.95557 14.8834C1.69048 14.8834 1.47514 14.8074 1.31104 14.6559C1.15359 14.5045 1.07478 14.306 1.07471 14.0602C1.07471 13.8205 1.15351 13.6247 1.31104 13.4733C1.47514 13.3218 1.68702 13.2457 1.9458 13.2457L3.60791 13.2389C3.67403 12.7415 3.77585 12.2482 3.91455 11.7594C4.12241 11.0392 4.39548 10.3558 4.73291 9.7096L3.17627 8.42639C2.98081 8.26866 2.86106 8.07632 2.81689 7.84925C2.77271 7.61572 2.82903 7.40383 2.98682 7.21448C3.1508 7.01899 3.34672 6.92758 3.57373 6.94007C3.80095 6.94638 4.01629 7.02837 4.21826 7.18616L5.59521 8.33264C5.9611 7.84224 6.36646 7.39646 6.81201 6.99671C6.83101 6.10082 7.05493 5.3342 7.48389 4.6969C7.81155 4.20541 8.23883 3.80186 8.76514 3.48694L8.8667 3.07776C8.90455 2.92636 8.8857 2.79981 8.81006 2.69886C8.73432 2.59787 8.60097 2.51588 8.41162 2.45276L7.79639 2.23499C7.53783 2.15927 7.36771 2.02671 7.28564 1.83753C7.20991 1.64187 7.203 1.44282 7.26611 1.24085C7.33553 1.0389 7.46202 0.884277 7.64502 0.77698ZM16.4399 8.62561C15.872 8.85905 15.197 9.04884 14.4146 9.19397C13.6319 9.33283 12.8238 9.40198 11.9907 9.40198C11.1639 9.40198 10.3558 9.33283 9.56689 9.19397C8.78428 9.04881 8.11201 8.85914 7.55029 8.62561C7.14639 9.06109 6.76451 9.58226 6.40479 10.1881C6.04513 10.7876 5.75207 11.4601 5.5249 12.2047C5.29775 12.9494 5.18408 13.7507 5.18408 14.609C5.18409 16.0165 5.4676 17.2508 6.03564 18.3112C6.60365 19.365 7.39907 20.1852 8.42139 20.7721C9.26404 21.2558 10.2207 21.5366 11.2905 21.6217V11.2194C11.2906 11.0303 11.353 10.8694 11.479 10.7369C11.6115 10.6044 11.7731 10.5377 11.9624 10.5377C12.1517 10.5377 12.3123 10.6045 12.4448 10.7369C12.5773 10.8694 12.644 11.0301 12.644 11.2194V21.6266C13.744 21.5467 14.7222 21.2637 15.5786 20.7721C16.601 20.1852 17.3938 19.3651 17.9556 18.3112C18.5236 17.2508 18.8071 16.0165 18.8071 14.609C18.8071 13.7508 18.6934 12.9494 18.4663 12.2047C18.2391 11.4537 17.9427 10.7779 17.5767 10.1783C17.2169 9.57243 16.8376 9.0548 16.4399 8.62561Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/building.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/building.svg
new file mode 100644
index 000000000..a5441a98d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/building.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.0245 19.8265C21.2492 19.8266 21.4427 19.9084 21.6057 20.0713C21.7743 20.2343 21.8588 20.431 21.8588 20.6615C21.8588 20.8864 21.7743 21.0805 21.6057 21.2435C21.4428 21.4063 21.2492 21.4882 21.0245 21.4883H2.96714C2.74251 21.4882 2.54892 21.4063 2.38601 21.2435C2.22296 21.0805 2.14124 20.8864 2.14124 20.6615C2.14124 20.431 2.22296 20.2343 2.38601 20.0713C2.54893 19.9084 2.74247 19.8266 2.96714 19.8265H21.0245Z" fill="#222631"/>
+<path d="M6.6279 9.36036C6.81338 9.36039 6.95986 9.41341 7.06666 9.52021C7.17344 9.62699 7.22647 9.77625 7.22651 9.9673V10.0855C7.22651 10.2766 7.17341 10.4231 7.06666 10.5243C6.95986 10.6255 6.81338 10.6758 6.6279 10.6758H6.21412V17.87H6.6279C6.81337 17.87 6.95986 17.923 7.06666 18.0298C7.17348 18.131 7.2265 18.2747 7.22651 18.4602V18.5868C7.22651 18.7723 7.17344 18.9187 7.06666 19.0256C6.95986 19.1324 6.81338 19.1854 6.6279 19.1854H4.30006C4.11452 19.1854 3.96813 19.1324 3.86131 19.0256C3.75448 18.9187 3.70145 18.7723 3.70145 18.5868V18.4602C3.70146 18.2747 3.75449 18.131 3.86131 18.0298C3.96813 17.923 4.11457 17.87 4.30006 17.87H4.71301V10.6758H4.30006C4.11452 10.6758 3.96813 10.6255 3.86131 10.5243C3.75451 10.4231 3.70145 10.2767 3.70145 10.0855V9.9673C3.7015 9.77625 3.75452 9.62699 3.86131 9.52021C3.96813 9.41343 4.11456 9.36036 4.30006 9.36036H6.6279Z" fill="#222631"/>
+<path d="M11.013 9.36036C11.1984 9.36036 11.345 9.41353 11.4518 9.52021C11.5585 9.62699 11.6124 9.77625 11.6124 9.9673V10.0855C11.6124 10.2767 11.5586 10.4231 11.4518 10.5243C11.3449 10.6254 11.1985 10.6758 11.013 10.6758H10.6V17.87H11.013C11.1984 17.87 11.345 17.9231 11.4518 18.0298C11.5586 18.131 11.6124 18.2747 11.6124 18.4602V18.5868C11.6124 18.7723 11.5586 18.9187 11.4518 19.0256C11.3449 19.1323 11.1985 19.1854 11.013 19.1854H8.68599C8.50056 19.1854 8.35404 19.1323 8.24723 19.0256C8.14603 18.9187 8.09488 18.7723 8.09488 18.5868V18.4602C8.09488 18.2747 8.14604 18.131 8.24723 18.0298C8.35404 17.9232 8.50061 17.87 8.68599 17.87H9.09894V10.6758H8.68599C8.50054 10.6758 8.35405 10.6254 8.24723 10.5243C8.14603 10.4231 8.09488 10.2767 8.09488 10.0855V9.9673C8.09492 9.77625 8.14607 9.62699 8.24723 9.52021C8.35404 9.41356 8.50061 9.36036 8.68599 9.36036H11.013Z" fill="#222631"/>
+<path d="M15.3906 9.36036C15.5817 9.3604 15.7309 9.41344 15.8377 9.52021C15.9445 9.62699 15.9975 9.77625 15.9975 9.9673V10.0855C15.9975 10.2766 15.9444 10.4231 15.8377 10.5243C15.7309 10.6255 15.5817 10.6758 15.3906 10.6758H14.986V17.87H15.3906C15.5816 17.87 15.7309 17.923 15.8377 18.0298C15.9445 18.131 15.9975 18.2747 15.9975 18.4602V18.5868C15.9975 18.7723 15.9445 18.9187 15.8377 19.0256C15.7309 19.1323 15.5817 19.1854 15.3906 19.1854H13.0711C12.6719 19.1854 12.4725 18.986 12.4725 18.5868V18.4602C12.4725 18.2747 12.5255 18.131 12.6323 18.0298C12.7391 17.923 12.8856 17.87 13.0711 17.87H13.484V10.6758H13.0711C12.8856 10.6758 12.7391 10.6255 12.6323 10.5243C12.5256 10.4231 12.4725 10.2766 12.4725 10.0855V9.9673C12.4725 9.77625 12.5255 9.62699 12.6323 9.52021C12.7391 9.41343 12.8856 9.36037 13.0711 9.36036H15.3906Z" fill="#222631"/>
+<path d="M19.7757 9.36036C19.9667 9.36036 20.1133 9.41352 20.2145 9.52021C20.3212 9.62699 20.3751 9.77625 20.3751 9.9673V10.0855C20.3751 10.2767 20.3213 10.4231 20.2145 10.5243C20.1133 10.6254 19.9668 10.6758 19.7757 10.6758H19.3711V17.87H19.7757C19.9667 17.87 20.1133 17.9231 20.2145 18.0298C20.3213 18.131 20.3751 18.2747 20.3751 18.4602V18.5868C20.3751 18.7723 20.3213 18.9187 20.2145 19.0256C20.1133 19.1323 19.9668 19.1854 19.7757 19.1854H17.457C17.0578 19.1854 16.8576 18.986 16.8576 18.5868V18.4602C16.8576 18.2747 16.9114 18.131 17.0183 18.0298C17.1251 17.9232 17.2716 17.87 17.457 17.87H17.87V10.6758H17.457C17.2716 10.6758 17.1251 10.6254 17.0183 10.5243C16.9114 10.4231 16.8576 10.2767 16.8576 10.0855V9.9673C16.8576 9.77625 16.9088 9.62699 17.0099 9.52021C17.1167 9.41359 17.266 9.36036 17.457 9.36036H19.7757Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.042 2.51172C12.4244 2.51172 12.8016 2.6186 13.1727 2.83225L20.5775 7.10828C20.9371 7.31624 21.1168 7.57787 21.117 7.89256C21.117 8.10059 21.0379 8.29189 20.8805 8.46619C20.7231 8.63484 20.5066 8.71929 20.2311 8.71929H3.86131C3.58028 8.71925 3.36097 8.63483 3.20358 8.46619C3.04623 8.29193 2.96714 8.10054 2.96714 7.89256C2.96724 7.57221 3.14774 7.31063 3.50747 7.10828L10.9123 2.83225C11.2776 2.61874 11.6543 2.51175 12.042 2.51172ZM12.042 4.28341C11.9521 4.28344 11.8622 4.31131 11.7723 4.3675L6.79442 7.15907H17.2897L12.3118 4.3675C12.2107 4.31137 12.1207 4.28341 12.042 4.28341Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/burger.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/burger.svg
new file mode 100644
index 000000000..6724987bf
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/burger.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.96665 18.3892C2.70243 18.3892 2.47366 18.2893 2.28033 18.0896C2.09344 17.8898 2 17.6546 2 17.3839C2 17.1197 2.09344 16.8909 2.28033 16.6976C2.46721 16.5043 2.69599 16.4076 2.96665 16.4076H21.0333C21.2976 16.4076 21.5231 16.5043 21.71 16.6976C21.9033 16.8909 22 17.1197 22 17.3839C22 17.6546 21.9033 17.8898 21.71 18.0896C21.5231 18.2893 21.2976 18.3892 21.0333 18.3892H2.96665ZM2.96665 12.9709C2.70243 12.9709 2.47366 12.8743 2.28033 12.6809C2.09344 12.4811 2 12.2492 2 11.9849C2 11.7143 2.09344 11.4823 2.28033 11.2889C2.46721 11.0892 2.69599 10.9893 2.96665 10.9893H21.0333C21.2976 10.9893 21.5231 11.0892 21.71 11.2889C21.9033 11.4823 22 11.7143 22 11.9849C22 12.2492 21.9033 12.4811 21.71 12.6809C21.5231 12.8743 21.2976 12.9709 21.0333 12.9709H2.96665ZM2.96665 7.57194C2.70243 7.57194 2.47366 7.47528 2.28033 7.28195C2.09344 7.08217 2 6.85018 2 6.58596C2 6.3153 2.09344 6.0833 2.28033 5.88997C2.46721 5.69664 2.69599 5.59998 2.96665 5.59998H21.0333C21.2976 5.59998 21.5231 5.69664 21.71 5.88997C21.9033 6.0833 22 6.3153 22 6.58596C22 6.85018 21.9033 7.08217 21.71 7.28195C21.5231 7.47528 21.2976 7.57194 21.0333 7.57194H2.96665Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/cable.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/cable.svg
new file mode 100644
index 000000000..7e136f8a7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/cable.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.71667 21 4.47917 20.9042 4.2875 20.7125C4.09583 20.5208 4 20.2833 4 20V19H3V15C3 14.7167 3.09583 14.4792 3.2875 14.2875C3.47917 14.0958 3.71667 14 4 14H5V7C5 5.9 5.39167 4.95833 6.175 4.175C6.95833 3.39167 7.9 3 9 3C10.1 3 11.0417 3.39167 11.825 4.175C12.6083 4.95833 13 5.9 13 7V17C13 17.55 13.1958 18.0208 13.5875 18.4125C13.9792 18.8042 14.45 19 15 19C15.55 19 16.0208 18.8042 16.4125 18.4125C16.8042 18.0208 17 17.55 17 17V10H16C15.7167 10 15.4792 9.90417 15.2875 9.7125C15.0958 9.52083 15 9.28333 15 9V5H16V4C16 3.71667 16.0958 3.47917 16.2875 3.2875C16.4792 3.09583 16.7167 3 17 3H19C19.2833 3 19.5208 3.09583 19.7125 3.2875C19.9042 3.47917 20 3.71667 20 4V5H21V9C21 9.28333 20.9042 9.52083 20.7125 9.7125C20.5208 9.90417 20.2833 10 20 10H19V17C19 18.1 18.6083 19.0417 17.825 19.825C17.0417 20.6083 16.1 21 15 21C13.9 21 12.9583 20.6083 12.175 19.825C11.3917 19.0417 11 18.1 11 17V7C11 6.45 10.8042 5.97917 10.4125 5.5875C10.0208 5.19583 9.55 5 9 5C8.45 5 7.97917 5.19583 7.5875 5.5875C7.19583 5.97917 7 6.45 7 7V14H8C8.28333 14 8.52083 14.0958 8.7125 14.2875C8.90417 14.4792 9 14.7167 9 15V19H8V20C8 20.2833 7.90417 20.5208 7.7125 20.7125C7.52083 20.9042 7.28333 21 7 21H5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_clock.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_clock.svg
new file mode 100644
index 000000000..a14468be2
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_clock.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 8H19V6H5V8ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V11.675C20.6833 11.525 20.3583 11.4 20.025 11.3C19.6917 11.2 19.35 11.125 19 11.075V10H5V20H11.3C11.4167 20.3667 11.5542 20.7167 11.7125 21.05C11.8708 21.3833 12.0583 21.7 12.275 22H5ZM18 23C16.6167 23 15.4375 22.5125 14.4625 21.5375C13.4875 20.5625 13 19.3833 13 18C13 16.6167 13.4875 15.4375 14.4625 14.4625C15.4375 13.4875 16.6167 13 18 13C19.3833 13 20.5625 13.4875 21.5375 14.4625C22.5125 15.4375 23 16.6167 23 18C23 19.3833 22.5125 20.5625 21.5375 21.5375C20.5625 22.5125 19.3833 23 18 23ZM19.675 20.375L20.375 19.675L18.5 17.8V15H17.5V18.2L19.675 20.375Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_month-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_month-filled.svg
new file mode 100644
index 000000000..99250d370
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_month-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_view_month.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_view_month.svg
new file mode 100644
index 000000000..2716c7138
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/calendar_view_month.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 11H8V6H4V11ZM10 11H14V6H10V11ZM16 11H20V6H16V11ZM8 18V13H4V18H8ZM10 18H14V13H10V18ZM16 18H20V13H16V18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/call.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/call.svg
new file mode 100644
index 000000000..1e5703b8e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/call.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21ZM6.025 9L7.675 7.35L7.25 5H5.025C5.10833 5.68333 5.225 6.35833 5.375 7.025C5.525 7.69167 5.74167 8.35 6.025 9ZM14.975 17.95C15.625 18.2333 16.2875 18.4583 16.9625 18.625C17.6375 18.7917 18.3167 18.9 19 18.95V16.75L16.65 16.275L14.975 17.95Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/call_end-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/call_end-filled.svg
new file mode 100644
index 000000000..8378c7c99
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/call_end-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 8C13.9667 8 15.9042 8.39583 17.8125 9.1875C19.7208 9.97917 21.4167 11.1667 22.9 12.75C23.1 12.95 23.2 13.1833 23.2 13.45C23.2 13.7167 23.1 13.95 22.9 14.15L20.6 16.4C20.4167 16.5833 20.2042 16.6833 19.9625 16.7C19.7208 16.7167 19.5 16.65 19.3 16.5L16.4 14.3C16.2667 14.2 16.1667 14.0833 16.1 13.95C16.0333 13.8167 16 13.6667 16 13.5V10.65C15.3667 10.45 14.7167 10.2917 14.05 10.175C13.3833 10.0583 12.7 10 12 10C11.3 10 10.6167 10.0583 9.94999 10.175C9.28332 10.2917 8.63332 10.45 7.99999 10.65V13.5C7.99999 13.6667 7.96665 13.8167 7.89999 13.95C7.83332 14.0833 7.73332 14.2 7.59999 14.3L4.69999 16.5C4.49999 16.65 4.27915 16.7167 4.03749 16.7C3.79582 16.6833 3.58332 16.5833 3.39999 16.4L1.09999 14.15C0.899988 13.95 0.799988 13.7167 0.799988 13.45C0.799988 13.1833 0.899988 12.95 1.09999 12.75C2.56665 11.1667 4.25832 9.97917 6.17499 9.1875C8.09165 8.39583 10.0333 8 12 8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/call_end.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/call_end.svg
new file mode 100644
index 000000000..2139f5e7f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/call_end.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.39999 16.4L1.09999 14.15C0.899988 13.95 0.799988 13.7167 0.799988 13.45C0.799988 13.1833 0.899988 12.95 1.09999 12.75C2.56665 11.1667 4.25832 9.97917 6.17499 9.1875C8.09165 8.39583 10.0333 8 12 8C13.9667 8 15.9042 8.39583 17.8125 9.1875C19.7208 9.97917 21.4167 11.1667 22.9 12.75C23.1 12.95 23.2 13.1833 23.2 13.45C23.2 13.7167 23.1 13.95 22.9 14.15L20.6 16.4C20.4167 16.5833 20.2042 16.6833 19.9625 16.7C19.7208 16.7167 19.5 16.65 19.3 16.5L16.4 14.3C16.2667 14.2 16.1667 14.0833 16.1 13.95C16.0333 13.8167 16 13.6667 16 13.5V10.65C15.3667 10.45 14.7167 10.2917 14.05 10.175C13.3833 10.0583 12.7 10 12 10C11.3 10 10.6167 10.0583 9.94999 10.175C9.28332 10.2917 8.63332 10.45 7.99999 10.65V13.5C7.99999 13.6667 7.96665 13.8167 7.89999 13.95C7.83332 14.0833 7.73332 14.2 7.59999 14.3L4.69999 16.5C4.49999 16.65 4.27915 16.7167 4.03749 16.7C3.79582 16.6833 3.58332 16.5833 3.39999 16.4ZM5.99999 11.45C5.51665 11.7 5.04999 11.9875 4.59999 12.3125C4.14999 12.6375 3.68332 13 3.19999 13.4L4.19999 14.4L5.99999 13V11.45ZM18 11.5V13L19.8 14.4L20.8 13.45C20.3167 13.0167 19.85 12.6417 19.4 12.325C18.95 12.0083 18.4833 11.7333 18 11.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/call_merge.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/call_merge.svg
new file mode 100644
index 000000000..2836e9a1f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/call_merge.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.4 20L6 18.6L11 13.6V6.875L8.425 9.45L7 8.025L12 3.025L17.025 8.05L15.6 9.475L13 6.875V14.4L7.4 20ZM16.6 20.025L13.4 16.85L14.825 15.425L18 18.625L16.6 20.025Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/cam-off-alert.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/cam-off-alert.svg
new file mode 100644
index 000000000..ab831ee83
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/cam-off-alert.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4625 8.5375C16.4375 9.5125 17.6167 10 19 10C20.3833 10 21.5625 9.5125 22.5375 8.5375C23.5125 7.5625 24 6.38333 24 5C24 3.61667 23.5125 2.4375 22.5375 1.4625C21.5625 0.4875 20.3833 0 19 0C17.6167 0 16.4375 0.4875 15.4625 1.4625C14.4875 2.4375 14 3.61667 14 5C14 6.38333 14.4875 7.5625 15.4625 8.5375ZM19.5 2V6H18.5V2H19.5ZM19.35 7.85C19.25 7.95 19.1333 8 19 8C18.8667 8 18.75 7.95 18.65 7.85C18.55 7.75 18.5 7.63333 18.5 7.5C18.5 7.36667 18.55 7.25 18.65 7.15C18.75 7.05 18.8667 7 19 7C19.1333 7 19.25 7.05 19.35 7.15C19.45 7.25 19.5 7.36667 19.5 7.5C19.5 7.63333 19.45 7.75 19.35 7.85ZM19 12C17.9222 12 16.9154 11.7785 15.9999 11.3431V13.175L17.9999 15.175V13.5L21.9999 17.5V11.3432C21.0845 11.7786 20.0777 12 19 12ZM12 5C12 5.34066 12.0221 5.67422 12.0661 6.00005H8.8249L6.8249 4.00005H12.0661C12.0221 4.32585 12 4.65938 12 5ZM20.5499 23.35L16.959 19.7592C16.6718 19.9198 16.3521 20 15.9999 20H3.9999C3.4499 20 2.97907 19.8042 2.5874 19.4125C2.19574 19.0209 1.9999 18.5501 1.9999 18V6.00005C1.9999 5.64788 2.08019 5.32817 2.24077 5.04092L0.649902 3.45005L2.0499 2.05005L3.9999 4.00005L5.9999 6.00005L15.9999 16L17.9999 18L21.9499 21.9501L20.5499 23.35ZM3.9999 6.80005L15.1999 18H3.9999V6.80005Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/cancel-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/cancel-filled.svg
new file mode 100644
index 000000000..8345d1e0e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/cancel-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/cancel.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/cancel.svg
new file mode 100644
index 000000000..aba9c5e8d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/cancel.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/captive_portal.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/captive_portal.svg
new file mode 100644
index 000000000..5de6c8e5b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/captive_portal.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.95 22.375L18 19.425V21.65H16V16H21.65V18H19.4L22.35 20.95L20.95 22.375ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 12.3333 21.9833 12.6667 21.95 13C21.9167 13.3333 21.8667 13.6667 21.8 14H19.75C19.8333 13.6667 19.8958 13.3333 19.9375 13C19.9792 12.6667 20 12.3333 20 12C20 11.6667 19.9792 11.3333 19.9375 11C19.8958 10.6667 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6667 16.4625 11C16.4875 11.3333 16.5 11.6667 16.5 12C16.5 12.3333 16.4875 12.6667 16.4625 13C16.4375 13.3333 16.4 13.6667 16.35 14H14.35C14.4 13.6667 14.4375 13.3333 14.4625 13C14.4875 12.6667 14.5 12.3333 14.5 12C14.5 11.6667 14.4875 11.3333 14.4625 11C14.4375 10.6667 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6667 9.5375 11C9.5125 11.3333 9.5 11.6667 9.5 12C9.5 12.3333 9.5125 12.6667 9.5375 13C9.5625 13.3333 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7167 10.5583 17.4042 10.875 18.0625C11.1917 18.7208 11.5667 19.35 12 19.95C12.3333 19.95 12.6667 19.9292 13 19.8875C13.3333 19.8458 13.6667 19.8083 14 19.775V21.825C13.6667 21.8583 13.3333 21.8958 13 21.9375C12.6667 21.9792 12.3333 22 12 22ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3333 7.5375 13C7.5125 12.6667 7.5 12.3333 7.5 12C7.5 11.6667 7.5125 11.3333 7.5375 11C7.5625 10.6667 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6667 4.0625 11C4.02083 11.3333 4 11.6667 4 12C4 12.3333 4.02083 12.6667 4.0625 13C4.10417 13.3333 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.38333 8.3875 6.77917 8.6125 6.1875C8.8375 5.59583 9.1 5.01667 9.4 4.45C8.48333 4.75 7.65833 5.20417 6.925 5.8125C6.19167 6.42083 5.58333 7.15 5.1 8ZM9.4 19.55C9.1 18.9833 8.8375 18.4042 8.6125 17.8125C8.3875 17.2208 8.2 16.6167 8.05 16H5.1C5.58333 16.85 6.19167 17.5792 6.925 18.1875C7.65833 18.7958 8.48333 19.25 9.4 19.55ZM10.1 8H13.9C13.7 7.28333 13.4417 6.59583 13.125 5.9375C12.8083 5.27917 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.27917 10.875 5.9375C10.5583 6.59583 10.3 7.28333 10.1 8ZM15.95 8H18.9C18.4167 7.15 17.8083 6.42083 17.075 5.8125C16.3417 5.20417 15.5167 4.75 14.6 4.45C14.9 5.01667 15.1625 5.59583 15.3875 6.1875C15.6125 6.77917 15.8 7.38333 15.95 8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/car-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/car-filled.svg
new file mode 100644
index 000000000..f0488d610
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/car-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.97363C12.791 3.97363 13.5222 3.97923 14.1934 3.99121C14.8707 4.0032 15.4464 4.01815 15.9199 4.03613C16.3994 4.05411 16.7471 4.07843 16.9629 4.1084C17.5802 4.19232 18.1224 4.39331 18.5898 4.71094C19.0633 5.02261 19.426 5.44228 19.6777 5.96973C19.7796 6.19149 19.9059 6.51222 20.0557 6.93164C20.2114 7.35103 20.3639 7.82439 20.5137 8.35156C20.6695 8.87897 20.8013 9.41276 20.9092 9.95215L21.71 10.9502C21.9916 11.3157 22.2132 11.6692 22.375 12.0107C22.5428 12.3524 22.6625 12.7216 22.7344 13.1172C22.8063 13.5126 22.8428 13.9738 22.8428 14.501V19.8242C22.8427 20.1656 22.7257 20.4529 22.4922 20.6865C22.2584 20.9203 21.9705 21.0371 21.6289 21.0371H20.541C20.1994 21.0371 19.9115 20.9203 19.6777 20.6865C19.4503 20.4529 19.336 20.1655 19.3359 19.8242V18.2637C19.2742 18.2677 19.2114 18.2734 19.1475 18.2773C18.4703 18.3193 17.7242 18.3586 16.9092 18.3945C16.1002 18.4245 15.2699 18.4478 14.4189 18.4658C13.5738 18.4838 12.7672 18.4932 12 18.4932C11.2328 18.4932 10.4234 18.4838 9.57227 18.4658C8.72725 18.4478 7.89709 18.4245 7.08203 18.3945C6.27294 18.3586 5.52979 18.3193 4.85254 18.2773C4.79159 18.2736 4.73176 18.2675 4.67285 18.2637V19.8242C4.67277 20.1655 4.55285 20.4529 4.31348 20.6865C4.07978 20.9202 3.79173 21.0371 3.4502 21.0371H2.37988C2.03233 21.0371 1.74153 20.9202 1.50781 20.6865C1.27434 20.4529 1.15731 20.1656 1.15723 19.8242V14.501C1.15725 13.9738 1.19375 13.5126 1.26562 13.1172C1.33755 12.7216 1.45438 12.3524 1.61621 12.0107C1.784 11.6692 2.00847 11.3156 2.29004 10.9502L3.08105 9.95215C3.19494 9.41271 3.33049 8.87901 3.48633 8.35156C3.64209 7.82439 3.79456 7.35103 3.94434 6.93164C4.09411 6.51226 4.2232 6.19148 4.33105 5.96973C4.5768 5.44228 4.93386 5.01982 5.40137 4.70215C5.86883 4.38454 6.41385 4.18632 7.03711 4.1084C7.24689 4.08442 7.59179 4.0629 8.07129 4.04492C8.55065 4.02096 9.12585 4.0032 9.79688 3.99121C10.4682 3.97922 11.2028 3.97363 12 3.97363ZM5.41895 12.9824C4.98747 12.9824 4.62752 13.1255 4.33984 13.4131C4.05815 13.7008 3.917 14.0579 3.91699 14.4834C3.91699 14.909 4.05814 15.2688 4.33984 15.5625C4.62754 15.8502 4.9874 15.9941 5.41895 15.9941C5.8503 15.9941 6.20664 15.85 6.48828 15.5625C6.77598 15.2688 6.91992 14.909 6.91992 14.4834C6.91991 14.0579 6.77597 13.7008 6.48828 13.4131C6.20666 13.1257 5.85022 12.9824 5.41895 12.9824ZM18.5811 12.9824C18.1555 12.9824 17.7984 13.1254 17.5107 13.4131C17.2231 13.7008 17.0801 14.0579 17.0801 14.4834C17.0801 14.9089 17.2231 15.2688 17.5107 15.5625C17.7984 15.8502 18.1555 15.9941 18.5811 15.9941C19.0066 15.9941 19.3637 15.8502 19.6514 15.5625C19.939 15.2688 20.083 14.9089 20.083 14.4834C20.083 14.0579 19.9391 13.7008 19.6514 13.4131C19.3637 13.1254 19.0066 12.9824 18.5811 12.9824ZM9.57227 13.4404C9.24873 13.4405 8.98498 13.5424 8.78125 13.7461C8.58347 13.9439 8.48439 14.2047 8.48438 14.5283C8.48438 14.8459 8.5835 15.1068 8.78125 15.3105C8.98498 15.5083 9.24873 15.6074 9.57227 15.6074H14.4277C14.7452 15.6074 15.0025 15.5081 15.2002 15.3105C15.404 15.1068 15.5059 14.846 15.5059 14.5283C15.5058 14.2047 15.404 13.9439 15.2002 13.7461C15.0025 13.5426 14.7451 13.4405 14.4277 13.4404H9.57227ZM12 5.67285C10.6214 5.67285 9.53349 5.68501 8.73633 5.70898C7.94543 5.73295 7.38814 5.76568 7.06445 5.80762C6.79493 5.84954 6.57598 5.92727 6.4082 6.04102C6.24038 6.1489 6.08987 6.31996 5.95801 6.55371C5.87411 6.71554 5.77597 6.94367 5.66211 7.2373C5.55427 7.52489 5.44573 7.83918 5.33789 8.18066C5.23601 8.51626 5.15564 8.83135 5.0957 9.125C5.04775 9.3168 5.06271 9.45795 5.14062 9.54785C5.22455 9.63748 5.36507 9.67599 5.5625 9.66406C6.02997 9.64009 6.55162 9.61675 7.12695 9.59277C7.70235 9.5628 8.38279 9.53849 9.16797 9.52051C9.95314 9.50253 10.8972 9.49414 12 9.49414C13.0968 9.49414 14.0381 9.50253 14.8232 9.52051C15.6143 9.53849 16.2977 9.56281 16.873 9.59277C17.4544 9.61675 17.976 9.64009 18.4375 9.66406C18.6409 9.67599 18.7814 9.63747 18.8594 9.54785C18.9433 9.45795 18.962 9.31679 18.9141 9.125C18.8421 8.83131 18.7552 8.51352 18.6533 8.17188C18.5515 7.83037 18.4457 7.51612 18.3379 7.22852C18.23 6.93482 18.1281 6.70955 18.0322 6.55371C17.9004 6.32007 17.7536 6.14887 17.5918 6.04102C17.43 5.92727 17.2111 5.84954 16.9355 5.80762C16.6119 5.75969 16.0517 5.72696 15.2549 5.70898C14.4577 5.68501 13.3726 5.67285 12 5.67285Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chart-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chart-filled.svg
new file mode 100644
index 000000000..df134cbe7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chart-filled.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.39578 8.98665C6.02586 8.98669 6.5045 9.14711 6.83081 9.46779C7.16257 9.78285 7.32866 10.2415 7.3287 10.8433V19.9997C7.32864 20.5959 7.16261 21.0518 6.83081 21.3668C6.5045 21.6875 6.02586 21.8479 5.39578 21.848H2.99847C2.36832 21.848 1.88702 21.6875 1.55506 21.3668C1.22881 21.0518 1.06561 20.596 1.06555 19.9997L1.06555 10.8433C1.06559 10.2414 1.22886 9.78285 1.55506 9.46779C1.88702 9.14708 2.36832 8.98667 2.99847 8.98665H5.39578Z" fill="#222631"/>
+<path d="M13.1945 5.561C13.8245 5.56105 14.3023 5.7215 14.6286 6.04214C14.9605 6.36286 15.1274 6.82393 15.1274 7.42599V19.9997C15.1273 20.596 14.9605 21.0518 14.6286 21.3668C14.3023 21.6873 13.8243 21.8479 13.1945 21.848H10.7972C10.167 21.848 9.68572 21.6876 9.35375 21.3668C9.02748 21.0518 8.8643 20.596 8.86424 19.9997V7.42599C8.86424 6.82409 9.02758 6.36285 9.35375 6.04214C9.68572 5.72142 10.167 5.56101 10.7972 5.561H13.1945Z" fill="#222631"/>
+<path d="M20.9932 2.1521C21.6288 2.15216 22.1093 2.31257 22.4356 2.63324C22.7676 2.95396 22.9344 3.41228 22.9344 4.00871V19.9997C22.9344 20.596 22.7675 21.0518 22.4356 21.3668C22.1093 21.6873 21.6286 21.8479 20.9932 21.848H18.5958C17.9713 21.848 17.4928 21.6876 17.1608 21.3668C16.8346 21.0518 16.6714 20.596 16.6713 19.9997V4.00871C16.6713 3.41248 16.8347 2.95394 17.1608 2.63324C17.4928 2.31251 17.9713 2.1521 18.5958 2.1521H20.9932Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chat.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chat.svg
new file mode 100644
index 000000000..1f3b878de
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chat.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 14H14V12H6V14ZM6 11H18V9H6V11ZM6 8H18V6H6V8ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chat_bubble.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chat_bubble.svg
new file mode 100644
index 000000000..f3dd370eb
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chat_bubble.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chat_error.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chat_error.svg
new file mode 100644
index 000000000..fcc17f578
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chat_error.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.4 14L12 11.4L14.6 14L16 12.6L13.4 10L16 7.4L14.6 6L12 8.6L9.4 6L8 7.4L10.6 10L8 12.6L9.4 14ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/check.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/check.svg
new file mode 100644
index 000000000..97d67446f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/check.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.54998 18L3.84998 12.3L5.27498 10.875L9.54998 15.15L18.725 5.975L20.15 7.4L9.54998 18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/check_circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/check_circle-filled.svg
new file mode 100644
index 000000000..b4717fe0c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/check_circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/check_circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/check_circle.svg
new file mode 100644
index 000000000..b8defe686
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/check_circle.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-1.svg
new file mode 100644
index 000000000..6fbfa3405
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1184 19.8853C9.68213 19.8853 9.30945 19.6914 9.0004 19.3036L4.29195 13.4135C4.17681 13.2741 4.09198 13.1378 4.03744 13.0044C3.98896 12.8711 3.96472 12.7348 3.96472 12.5954C3.96472 12.2803 4.06774 12.0197 4.27377 11.8137C4.48586 11.6077 4.75249 11.5046 5.07366 11.5046C5.44331 11.5046 5.75539 11.6713 6.0099 12.0046L10.0821 17.2311L17.9719 4.69649C18.1113 4.48439 18.2537 4.33593 18.3991 4.25109C18.5446 4.16019 18.7324 4.11475 18.9627 4.11475C19.2778 4.11475 19.5353 4.21473 19.7353 4.41471C19.9353 4.60862 20.0353 4.86313 20.0353 5.17824C20.0353 5.30549 20.014 5.43578 19.9716 5.56909C19.9292 5.69635 19.8626 5.83269 19.7717 5.97813L11.2274 19.2945C10.9607 19.6884 10.5911 19.8853 10.1184 19.8853Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-filled.svg
new file mode 100644
index 000000000..186e662fa
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.44933 20.0391C5.61068 20.0391 4.98629 19.834 4.57615 19.4239C4.16601 19.0198 3.96094 18.3954 3.96094 17.5507V15.5857C3.96094 15.4143 3.90584 15.2704 3.79566 15.1541L2.39995 13.7584C1.80005 13.1646 1.50009 12.58 1.50009 12.0046C1.50009 11.4292 1.80005 10.8415 2.39995 10.2416L3.79566 8.84589C3.90584 8.72959 3.96094 8.58879 3.96094 8.42351V6.44933C3.96094 5.59844 4.16295 4.97098 4.56696 4.56696C4.97711 4.16295 5.60456 3.96094 6.44933 3.96094H8.42351C8.59491 3.96094 8.73877 3.90278 8.85508 3.78647L10.2508 2.39995C10.8446 1.80005 11.4292 1.50009 12.0046 1.50009C12.58 1.49397 13.1646 1.79392 13.7584 2.39995L15.1541 3.78647C15.2704 3.90278 15.4143 3.96094 15.5857 3.96094H17.5507C18.4016 3.96094 19.029 4.16601 19.433 4.57615C19.8371 4.98629 20.0391 5.61068 20.0391 6.44933V8.42351C20.0391 8.58879 20.1003 8.72959 20.2227 8.84589L21.6092 10.2416C22.203 10.8415 22.4999 11.4292 22.4999 12.0046C22.4999 12.58 22.203 13.1646 21.6092 13.7584L20.2227 15.1541C20.1003 15.2704 20.0391 15.4143 20.0391 15.5857V17.5507C20.0391 18.4016 19.834 19.029 19.4239 19.433C19.0198 19.8371 18.3954 20.0391 17.5507 20.0391H15.5857C15.4143 20.0391 15.2704 20.0972 15.1541 20.2135L13.7584 21.6092C13.1646 22.203 12.58 22.4999 12.0046 22.4999C11.4292 22.506 10.8446 22.2091 10.2508 21.6092L8.85508 20.2135C8.73877 20.0972 8.59491 20.0391 8.42351 20.0391H6.44933ZM10.9854 16.5223C11.1568 16.5223 11.3129 16.4825 11.4537 16.4029C11.6006 16.3233 11.7291 16.2039 11.8393 16.0448L16.1366 9.34174C16.1978 9.24379 16.2529 9.13973 16.3019 9.02954C16.3509 8.91323 16.3753 8.80304 16.3753 8.69898C16.3753 8.46024 16.2835 8.26741 16.0999 8.1205C15.9224 7.97358 15.7203 7.90012 15.4938 7.90012C15.1939 7.90012 14.946 8.05928 14.7501 8.3776L10.9486 14.4563L9.18564 12.2158C9.06321 12.0627 8.94384 11.9556 8.82753 11.8944C8.71122 11.8332 8.57961 11.8026 8.43269 11.8026C8.20008 11.8026 8.00113 11.8883 7.83585 12.0597C7.67669 12.225 7.59711 12.4239 7.59711 12.6565C7.59711 12.7728 7.61853 12.8861 7.66138 12.9963C7.70423 13.1065 7.76545 13.2136 7.84503 13.3177L10.0947 16.054C10.2294 16.2192 10.3671 16.3386 10.5079 16.4121C10.6487 16.4855 10.8078 16.5223 10.9854 16.5223Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-shield.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-shield.svg
new file mode 100644
index 000000000..f76ef088b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark-shield.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5913 7.26611C15.822 7.26619 16.0298 7.34208 16.2144 7.49365C16.399 7.64531 16.4907 7.84346 16.4907 8.0874C16.4907 8.19952 16.4644 8.31537 16.4116 8.43408C16.3655 8.54605 16.3095 8.65168 16.2437 8.75049L11.8218 15.6655C11.6108 16.0016 11.3207 16.1693 10.9517 16.1694C10.767 16.1694 10.6016 16.1304 10.4565 16.0513C10.3116 15.9656 10.1701 15.84 10.0317 15.6753L7.69678 12.8257C7.5255 12.6082 7.44003 12.3876 7.43994 12.1636C7.43994 11.9196 7.52214 11.711 7.68701 11.5396C7.85842 11.3617 8.06301 11.2729 8.30029 11.2729C8.45182 11.273 8.58695 11.3058 8.70557 11.3716C8.83087 11.4309 8.95307 11.5405 9.07178 11.6987L10.9116 14.0327L14.8188 7.771C15.0233 7.43465 15.2813 7.26611 15.5913 7.26611Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9995 1.93408C12.1643 1.93408 12.3362 1.95094 12.5142 1.98389C12.6988 2.01686 12.8737 2.05686 13.0386 2.10303C13.2496 2.17557 13.5499 2.28094 13.939 2.41943C14.3346 2.55791 14.7699 2.71283 15.2446 2.88428C15.726 3.04914 16.2044 3.21672 16.6792 3.38818C17.1606 3.55964 17.599 3.72186 17.9946 3.87354C18.3903 4.01862 18.6969 4.13765 18.9146 4.22998C19.4092 4.44102 19.7726 4.68127 20.0034 4.95166C20.2407 5.22207 20.3589 5.65101 20.3589 6.23779V13.7163C20.3589 14.6197 20.224 15.4111 19.9536 16.0903C19.6898 16.763 19.2578 17.393 18.6577 17.98C18.0642 18.5603 17.2761 19.1577 16.2935 19.771C15.3175 20.3843 14.1172 21.0798 12.6929 21.8579C12.5677 21.9238 12.4421 21.9734 12.3169 22.0063C12.1916 22.0459 12.0852 22.0659 11.9995 22.0659C11.9139 22.0658 11.8082 22.0458 11.6831 22.0063C11.5579 21.9734 11.4323 21.9238 11.3071 21.8579C9.88273 21.0798 8.67937 20.3801 7.69678 19.7603C6.72084 19.147 5.93262 18.5505 5.33252 17.9702C4.73897 17.3899 4.30701 16.763 4.03662 16.0903C3.77286 15.4111 3.64111 14.6197 3.64111 13.7163V6.23779C3.64111 5.65095 3.75608 5.22206 3.98682 4.95166C4.22423 4.67467 4.58766 4.43442 5.07568 4.22998C5.29331 4.13766 5.60001 4.01541 5.99561 3.86377C6.39125 3.71211 6.82968 3.54986 7.31104 3.37842C7.79241 3.20038 8.27082 3.02545 8.74561 2.854C9.2269 2.68259 9.66226 2.53079 10.0513 2.39893C10.4468 2.26049 10.7536 2.16237 10.9712 2.10303C11.1295 2.06346 11.298 2.02663 11.4761 1.99365C11.6604 1.95418 11.8349 1.93412 11.9995 1.93408ZM11.9995 3.79443C11.9271 3.79448 11.8478 3.80399 11.7622 3.82373C11.6832 3.84349 11.5879 3.87316 11.4761 3.9126C11.2123 4.01812 10.8952 4.13714 10.5259 4.26904C10.1633 4.40089 9.771 4.53906 9.34912 4.68408C8.9271 4.82915 8.50137 4.97773 8.07275 5.12939C7.65071 5.28107 7.24503 5.42963 6.85596 5.57471C6.47359 5.71315 6.13727 5.84178 5.84717 5.96045C5.70867 6.01321 5.61599 6.08272 5.56982 6.16846C5.52368 6.25419 5.50049 6.38278 5.50049 6.5542V13.3501C5.50049 14.0755 5.59951 14.6929 5.79736 15.2007C5.99523 15.7083 6.31875 16.1796 6.76709 16.6147C7.22213 17.0434 7.82902 17.5017 8.5874 17.9897C9.35237 18.4777 10.2986 19.0647 11.4263 19.7505C11.5713 19.8362 11.6831 19.8962 11.7622 19.9292C11.8478 19.9621 11.9271 19.978 11.9995 19.978C12.0653 19.978 12.1415 19.962 12.2271 19.9292C12.3128 19.8962 12.4255 19.8362 12.564 19.7505C13.685 19.0779 14.6249 18.5014 15.3833 18.02C16.1417 17.532 16.7486 17.0695 17.2036 16.6343C17.6651 16.1991 17.9951 15.7279 18.1929 15.2202C18.3907 14.7058 18.4897 14.0821 18.4897 13.3501V6.5542C18.4897 6.38283 18.4665 6.25419 18.4204 6.16846C18.3742 6.07613 18.2847 6.00661 18.1528 5.96045C17.8496 5.85497 17.5036 5.73266 17.1147 5.59424C16.7324 5.45579 16.3265 5.3113 15.8979 5.15967C15.4759 5.00798 15.0566 4.85627 14.6411 4.70459C14.2257 4.55294 13.8336 4.41068 13.4644 4.27881C13.095 4.14031 12.778 4.01812 12.5142 3.9126C12.4022 3.87308 12.3029 3.8435 12.2173 3.82373C12.1383 3.804 12.0654 3.79443 11.9995 3.79443Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark.svg
new file mode 100644
index 000000000..5cdd9ee5b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/checkmark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.44925 20.0393C5.6106 20.0393 4.9862 19.8342 4.57605 19.424C4.16591 19.02 3.96084 18.3956 3.96084 17.5508V15.5858C3.96084 15.4144 3.90574 15.2675 3.79555 15.1451L2.39984 13.7494C1.79993 13.1556 1.49997 12.574 1.49997 12.0047C1.49997 11.4293 1.79993 10.8416 2.39984 10.2417L3.79555 8.84599C3.90574 8.72968 3.96084 8.58889 3.96084 8.4236V6.4494C3.96084 5.5985 4.16285 4.97104 4.56687 4.56702C4.97701 4.163 5.60447 3.96099 6.44925 3.96099H8.41427C8.59179 3.96099 8.73871 3.90283 8.85502 3.78652L10.2507 2.39999C10.8506 1.80008 11.4353 1.50012 12.0046 1.50012C12.5739 1.50012 13.1585 1.80008 13.7584 2.39999L15.1541 3.78652C15.2704 3.90283 15.4143 3.96099 15.5857 3.96099H17.5507C18.4016 3.96099 19.029 4.16606 19.4331 4.5762C19.8371 4.98635 20.0391 5.61075 20.0391 6.4494V8.4236C20.0391 8.58889 20.1003 8.72968 20.2228 8.84599L21.6001 10.2417C22.2 10.8416 22.5 11.4293 22.5 12.0047C22.5 12.574 22.2 13.1556 21.6001 13.7494L20.2228 15.1451C20.1003 15.2675 20.0391 15.4144 20.0391 15.5858V17.5508C20.0391 18.3956 19.834 19.02 19.4239 19.424C19.0199 19.8342 18.3955 20.0393 17.5507 20.0393H15.5857C15.4143 20.0393 15.2704 20.0974 15.1541 20.2137L13.7584 21.6003C13.1585 22.2002 12.5708 22.5001 11.9954 22.5001C11.4261 22.5001 10.8445 22.2002 10.2507 21.6003L8.85502 20.2137C8.73871 20.0974 8.59179 20.0393 8.41427 20.0393H6.44925ZM6.5778 18.3681H8.97439C9.24986 18.3681 9.47636 18.463 9.65388 18.6527L11.3434 20.3423C11.6311 20.6239 11.8485 20.7647 11.9954 20.7647C12.1484 20.7647 12.3719 20.6239 12.6657 20.3423L14.3552 18.6527C14.5328 18.463 14.7562 18.3681 15.0255 18.3681H17.4221C17.8323 18.3681 18.0924 18.313 18.2026 18.2028C18.3128 18.0926 18.3679 17.8324 18.3679 17.4223V15.0257C18.3679 14.7625 18.4628 14.539 18.6526 14.3554L20.3421 12.6658C20.6298 12.3781 20.7737 12.1578 20.7737 12.0047C20.7737 11.8517 20.6298 11.6313 20.3421 11.3436L18.6526 9.65404C18.4628 9.46427 18.3679 9.23777 18.3679 8.97454V6.57795C18.3679 6.17393 18.3128 5.91683 18.2026 5.80664C18.0924 5.69645 17.8323 5.64136 17.4221 5.64136L15.0255 5.63217C14.7562 5.63217 14.5328 5.54035 14.3552 5.3567L12.6657 3.66715C12.3719 3.37944 12.1484 3.23558 11.9954 3.23558C11.8485 3.23558 11.6311 3.37944 11.3434 3.66715L9.65388 5.3567C9.47636 5.54035 9.24986 5.63217 8.97439 5.63217L6.5778 5.64136C6.16766 5.64136 5.90749 5.69645 5.7973 5.80664C5.69324 5.9107 5.6412 6.16781 5.6412 6.57795V8.97454C5.63508 9.23777 5.5402 9.46427 5.35655 9.65404L3.667 11.3436C3.37929 11.6313 3.23543 11.8517 3.23543 12.0047C3.23543 12.1578 3.37929 12.3781 3.667 12.6658L5.35655 14.3554C5.5402 14.539 5.63202 14.7625 5.63202 15.0257V17.4223C5.63814 17.8324 5.6963 18.0926 5.80648 18.2028C5.91667 18.313 6.17378 18.3681 6.5778 18.3681ZM11.0221 16.3663C10.8506 16.3663 10.6976 16.3296 10.5629 16.2561C10.4283 16.1766 10.2966 16.0602 10.1681 15.9072L8.00106 13.2627C7.8419 13.0607 7.76232 12.8556 7.76232 12.6475C7.76232 12.421 7.83884 12.2282 7.99188 12.069C8.15104 11.9037 8.34081 11.8211 8.56119 11.8211C8.70198 11.8211 8.82747 11.8517 8.93766 11.9129C9.05397 11.968 9.16722 12.069 9.27741 12.2159L10.9853 14.3829L14.6123 8.57052C14.8021 8.25832 15.0409 8.10222 15.3286 8.10222C15.5428 8.10222 15.7356 8.17262 15.9071 8.31342C16.0785 8.45421 16.1642 8.63786 16.1642 8.86436C16.1642 8.96842 16.1397 9.07555 16.0907 9.18574C16.0478 9.2898 15.9958 9.38775 15.9346 9.47957L11.8301 15.898C11.6342 16.2102 11.3649 16.3663 11.0221 16.3663Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron-double-up.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron-double-up.svg
new file mode 100644
index 000000000..271e4f6bc
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron-double-up.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0004 11.3551C12.1666 11.3552 12.3232 11.3875 12.4702 11.4514C12.6173 11.5154 12.7516 11.6114 12.8731 11.7393L20.1737 19.2129C20.3911 19.4367 20.5 19.6986 20.5 19.9991C20.5 20.2037 20.4489 20.3925 20.3467 20.5652C20.2508 20.7377 20.1197 20.8721 19.9536 20.9681C19.7874 21.0703 19.5985 21.1213 19.3875 21.1214C19.0806 21.1214 18.8119 21.0065 18.5817 20.7764L12.004 14.0383L5.4192 20.7764C5.189 21.0066 4.92028 21.1213 4.61337 21.1214C4.40232 21.1214 4.2136 21.0704 4.04732 20.9681C3.88104 20.8721 3.74674 20.7378 3.64441 20.5652C3.5485 20.3925 3.5 20.2037 3.5 19.9991C3.50002 19.8458 3.52557 19.7019 3.57666 19.5677C3.63418 19.4399 3.71765 19.3215 3.82625 19.2129L11.1269 11.7393C11.3891 11.4835 11.6807 11.3551 12.0004 11.3551Z" fill="#222631"/>
+<path d="M12.0004 2.77893C12.1665 2.77897 12.3199 2.81392 12.4604 2.88412C12.6074 2.94803 12.7453 3.04084 12.8731 3.16224L20.1737 10.6456C20.3912 10.863 20.5 11.1257 20.5 11.4327C20.4999 11.6372 20.4489 11.8262 20.3467 11.9987C20.2508 12.1649 20.1197 12.2994 19.9536 12.4017C19.7874 12.4975 19.5985 12.5451 19.3875 12.5452C19.0806 12.5452 18.8119 12.4329 18.5817 12.2091L12.004 5.46206L5.4192 12.2091C5.189 12.4329 4.92028 12.5451 4.61337 12.5452C4.40243 12.5452 4.21354 12.4975 4.04732 12.4017C3.88116 12.2994 3.74671 12.1648 3.64441 11.9987C3.54854 11.8262 3.50006 11.6372 3.5 11.4327C3.5 11.2728 3.5255 11.1283 3.57666 11.0004C3.63422 10.8661 3.71754 10.7445 3.82625 10.6358L11.1269 3.16224C11.3891 2.90644 11.6807 2.77893 12.0004 2.77893Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_backward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_backward.svg
new file mode 100644
index 000000000..c31f825cd
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_backward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8 12L15.4 16.6L14 18L8.00002 12L14 6L15.4 7.4L10.8 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_downward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_downward.svg
new file mode 100644
index 000000000..fa611fbfe
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_downward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 12.6L16.6 8L18 9.4L12 15.4L6 9.4L7.4 8L12 12.6Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_forward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_forward.svg
new file mode 100644
index 000000000..ea6d5ecdf
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_forward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.6 12L8 7.4L9.4 6L15.4 12L9.4 18L8 16.6L12.6 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_upward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_upward.svg
new file mode 100644
index 000000000..ae8eb5d74
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/chevron_upward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 10.8L7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/clock-arrow-circlepath.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock-arrow-circlepath.svg
new file mode 100644
index 000000000..9d6e921bc
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock-arrow-circlepath.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9689 1.67322C13.3511 1.67322 14.6463 1.93194 15.8541 2.44865C17.0684 2.96536 18.1313 3.68244 19.042 4.5996C19.959 5.51671 20.6763 6.58234 21.1929 7.79649C21.7161 9.00427 21.9774 10.2995 21.9774 11.6816C21.9774 13.0636 21.7159 14.3617 21.1929 15.5758C20.6763 16.7835 19.959 17.843 19.042 18.7537C18.1313 19.6708 17.0684 20.3879 15.8541 20.9046C14.6463 21.4278 13.3511 21.6901 11.9689 21.6901C10.9033 21.69 9.88607 21.5316 8.91732 21.2152C7.94849 20.8987 7.05367 20.4465 6.23338 19.8587C5.4196 19.2774 4.70602 18.5858 4.09244 17.7849C3.87304 17.5331 3.77972 17.2654 3.81193 16.9814C3.85068 16.6972 3.98259 16.4736 4.20866 16.3122C4.44759 16.1379 4.69673 16.0833 4.95503 16.1479C5.21328 16.206 5.43958 16.3487 5.63328 16.5746C6.11762 17.2074 6.68622 17.7593 7.33842 18.2307C7.99719 18.7022 8.71435 19.0674 9.48938 19.3257C10.2707 19.584 11.0972 19.7134 11.9689 19.7134C13.0799 19.7134 14.1198 19.5031 15.0887 19.0833C16.0575 18.6699 16.9101 18.0953 17.6464 17.3591C18.3891 16.6228 18.9672 15.7701 19.3806 14.8014C19.7939 13.8326 20.0007 12.7925 20.0007 11.6816C20.0007 10.5707 19.794 9.53074 19.3806 8.5619C18.9672 7.58663 18.3892 6.73403 17.6464 6.00419C16.9101 5.26791 16.0575 4.69338 15.0887 4.28002C14.1198 3.86019 13.0799 3.64986 11.9689 3.64986C10.8582 3.64988 9.81537 3.86027 8.84018 4.28002C7.87143 4.69335 7.01874 5.26797 6.28247 6.00419C5.55262 6.73405 4.97713 7.5866 4.5573 8.5619C4.39591 8.94268 4.26696 9.33358 4.16858 9.73406H5.4299C5.66209 9.73412 5.83925 9.78618 5.96188 9.88934C6.08459 9.99267 6.14365 10.1282 6.13721 10.2961C6.13075 10.4576 6.06201 10.6292 5.93283 10.81L3.68569 13.9488C3.53077 14.1618 3.34666 14.2719 3.13368 14.2784C2.92699 14.2784 2.74213 14.1684 2.58066 13.9488L0.333524 10.8191C0.197933 10.6382 0.13015 10.464 0.13015 10.2961C0.1237 10.1283 0.178315 9.99266 0.294452 9.88934C0.417102 9.78606 0.601236 9.73411 0.846468 9.73406H2.14486C2.27392 9.06435 2.46995 8.41827 2.73595 7.79649C3.25912 6.58221 3.97976 5.51677 4.89692 4.5996C5.81401 3.68253 6.87611 2.96534 8.08379 2.44865C9.29155 1.93196 10.5868 1.67324 11.9689 1.67322Z" fill="#222631"/>
+<path d="M11.9689 6.0623C12.195 6.0623 12.3886 6.14333 12.55 6.30474C12.7115 6.45976 12.7925 6.65329 12.7925 6.88581V11.9491L15.0596 15.0148C15.208 15.2278 15.2733 15.4471 15.254 15.673C15.2411 15.8925 15.1406 16.0704 14.9534 16.206C14.7468 16.3545 14.5303 16.409 14.3042 16.3703C14.0782 16.3315 13.875 16.196 13.6941 15.9635L11.3879 12.9309C11.3041 12.815 11.2397 12.7055 11.1945 12.6023C11.1558 12.499 11.1364 12.3889 11.1364 12.2727V6.88581C11.1364 6.65342 11.2166 6.45971 11.3779 6.30474C11.5393 6.14332 11.7365 6.06234 11.9689 6.0623Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/clock.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock.svg
new file mode 100644
index 000000000..1f9490559
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.30566 13.4614C7.09538 13.4614 6.91911 13.3903 6.77686 13.248C6.6346 13.1058 6.56348 12.9295 6.56348 12.7192C6.56348 12.509 6.6346 12.3358 6.77686 12.1997C6.91911 12.0575 7.09538 11.9863 7.30566 11.9863H11.2485V6.64258C11.2485 6.43848 11.3197 6.2653 11.4619 6.12305C11.6042 5.98079 11.7773 5.90967 11.9814 5.90967C12.1917 5.90967 12.368 5.98079 12.5103 6.12305C12.6525 6.2653 12.7236 6.43848 12.7236 6.64258V12.7192C12.7236 12.9295 12.6525 13.1058 12.5103 13.248C12.368 13.3903 12.1917 13.4614 11.9814 13.4614H7.30566ZM11.9907 21.8853C10.6672 21.8853 9.42708 21.6348 8.27051 21.1338C7.11393 20.639 6.09652 19.9525 5.21826 19.0742C4.34001 18.2021 3.65039 17.1878 3.14941 16.0312C2.65462 14.8685 2.40723 13.6253 2.40723 12.3018C2.40723 10.9782 2.65462 9.73812 3.14941 8.58154C3.65039 7.41878 4.34001 6.39827 5.21826 5.52002C6.09652 4.64176 7.11393 3.95524 8.27051 3.46045C9.42708 2.96566 10.6672 2.71826 11.9907 2.71826C13.3143 2.71826 14.5544 2.96566 15.7109 3.46045C16.8737 3.95524 17.8942 4.64176 18.7725 5.52002C19.6507 6.39827 20.3372 7.41878 20.832 8.58154C21.333 9.73812 21.5835 10.9782 21.5835 12.3018C21.5835 13.6253 21.333 14.8685 20.832 16.0312C20.3372 17.1878 19.6507 18.2021 18.7725 19.0742C17.8942 19.9525 16.8737 20.639 15.7109 21.1338C14.5544 21.6348 13.3143 21.8853 11.9907 21.8853ZM11.9907 19.9927C13.0545 19.9927 14.0503 19.7917 14.978 19.3896C15.9058 18.9938 16.7222 18.4434 17.4272 17.7383C18.1385 17.0332 18.6921 16.2168 19.0879 15.2891C19.4837 14.3613 19.6816 13.3656 19.6816 12.3018C19.6816 11.238 19.4837 10.2422 19.0879 9.31445C18.6921 8.38053 18.1385 7.56413 17.4272 6.86523C16.7222 6.16016 15.9058 5.6097 14.978 5.21387C14.0503 4.81185 13.0545 4.61084 11.9907 4.61084C10.9331 4.61084 9.93734 4.81185 9.00342 5.21387C8.07568 5.6097 7.25928 6.16016 6.5542 6.86523C5.84912 7.56413 5.29557 8.38053 4.89355 9.31445C4.49772 10.2422 4.2998 11.238 4.2998 12.3018C4.2998 13.3656 4.49772 14.3613 4.89355 15.2891C5.29557 16.2168 5.84912 17.0332 6.5542 17.7383C7.25928 18.4434 8.07568 18.9938 9.00342 19.3896C9.93734 19.7917 10.9331 19.9927 11.9907 19.9927Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_10.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_10.svg
new file mode 100644
index 000000000..0838e2ec7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_10.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 10.9333 19.8 9.90833 19.4 8.925C19 7.94167 18.425 7.075 17.675 6.325L12 12V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_20.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_20.svg
new file mode 100644
index 000000000..0140aca5a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_20.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12H12V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_40.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_40.svg
new file mode 100644
index 000000000..8873c3d4e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_40.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C13.0667 20 14.0917 19.8 15.075 19.4C16.0583 19 16.925 18.425 17.675 17.675L12 12V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_60.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_60.svg
new file mode 100644
index 000000000..8c1c9e39d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_60.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM6.325 17.675L12 12V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 13.0667 4.2 14.0917 4.6 15.075C5 16.0583 5.575 16.925 6.325 17.675Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_80.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_80.svg
new file mode 100644
index 000000000..04901acba
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_80.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM4 12H12V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_90.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_90.svg
new file mode 100644
index 000000000..bbd7ac2f3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/clock_loader_90.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM6.325 6.325L12 12V4C10.9333 4 9.90833 4.2 8.925 4.6C7.94167 5 7.075 5.575 6.325 6.325Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/close.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/close.svg
new file mode 100644
index 000000000..4f5dc51a5
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/close.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/cloud-arrow.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/cloud-arrow.svg
new file mode 100644
index 000000000..8023e0867
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/cloud-arrow.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0049 9.81934C12.1192 9.81939 12.2278 9.8407 12.3301 9.88281C12.4323 9.92495 12.5373 10.0003 12.6455 10.1084L15.6182 12.9639C15.7747 13.1265 15.8535 13.3071 15.8535 13.5059C15.8535 13.7107 15.7813 13.8829 15.6367 14.0215C15.4922 14.1539 15.317 14.2197 15.1123 14.2197C14.8836 14.2197 14.6972 14.1381 14.5527 13.9756L13.251 12.6025L12.7695 12.0195L12.8447 13.3613V22.0537C12.8446 22.2704 12.7631 22.4605 12.6006 22.623C12.4381 22.7914 12.2395 22.8759 12.0049 22.876C11.7761 22.876 11.5796 22.7916 11.417 22.623C11.2544 22.4605 11.1729 22.2704 11.1729 22.0537V13.3613L11.2471 12.0156L10.7666 12.6025L9.4834 13.9756C9.33281 14.1382 9.14296 14.2197 8.91406 14.2197C8.7096 14.2197 8.53503 14.1537 8.39062 14.0215C8.24004 13.8829 8.16406 13.7107 8.16406 13.5059C8.1641 13.3072 8.24568 13.1264 8.4082 12.9639L11.3809 10.1084C11.4893 10 11.5949 9.92497 11.6973 9.88281C11.7936 9.84065 11.8965 9.81934 12.0049 9.81934Z" fill="#222631"/>
+<path d="M10.0615 3.12402C10.8686 3.12402 11.6068 3.25095 12.2754 3.50391C12.938 3.75689 13.5316 4.10325 14.0557 4.54297C14.5797 4.97664 15.0317 5.46475 15.4111 6.00684C15.9411 5.8744 16.4831 5.86785 17.0371 5.98828C17.5913 6.10875 18.1034 6.33846 18.5732 6.67578C19.0369 7.00704 19.4168 7.42577 19.7119 7.93164C20.0068 8.43738 20.1663 9.00935 20.1904 9.64746C20.8771 9.76191 21.4708 10.0185 21.9707 10.416C22.4705 10.8135 22.8559 11.3138 23.127 11.916C23.3979 12.5123 23.5332 13.1718 23.5332 13.8945C23.5332 14.7015 23.3377 15.4362 22.9463 16.0986C22.5548 16.7612 21.9972 17.2919 21.2744 17.6895C20.5456 18.0869 19.6814 18.2861 18.6816 18.2861H14.5068V16.5059H18.6904C19.347 16.5059 19.9018 16.3882 20.3535 16.1533C20.8051 15.9124 21.148 15.5928 21.3828 15.1953C21.6177 14.7918 21.7353 14.3463 21.7354 13.8584C21.7354 13.0091 21.4733 12.3164 20.9492 11.7803C20.4252 11.2442 19.6991 10.9766 18.7715 10.9766C18.6513 10.9764 18.5908 10.9097 18.5908 10.7773C18.6149 9.87382 18.4436 9.17183 18.0762 8.67188C17.7028 8.17213 17.2209 7.85342 16.6309 7.71484C16.0406 7.5763 15.4228 7.60038 14.7783 7.78711C14.67 7.81718 14.5911 7.78661 14.543 7.69629C14.2478 7.17232 13.8986 6.69894 13.4951 6.27734C13.0916 5.85584 12.6099 5.52132 12.0498 5.27441C11.4836 5.02145 10.8269 4.89552 10.0801 4.89551C9.12836 4.89551 8.28467 5.12148 7.5498 5.57324C6.80906 6.02498 6.22172 6.62152 5.78809 7.3623C5.34848 8.10312 5.10759 8.91641 5.06543 9.80176C5.04738 10.0366 5.04461 10.2804 5.05664 10.5332C5.06869 10.7802 5.08626 11.0126 5.11035 11.2295C5.12226 11.3558 5.07136 11.4282 4.95703 11.4463C4.13181 11.6029 3.47798 11.9187 2.99609 12.3945C2.50822 12.8704 2.26465 13.4854 2.26465 14.2383C2.26475 14.9005 2.49924 15.4455 2.96875 15.873C3.43256 16.2947 4.13178 16.5059 5.06543 16.5059H9.51074V18.2861H5.02051C4.08086 18.2861 3.27049 18.1138 2.58984 17.7705C1.90931 17.4212 1.385 16.9487 1.01758 16.3525C0.650172 15.7563 0.466825 15.0782 0.466797 14.3193C0.466797 13.3616 0.722376 12.5179 1.23438 11.7891C1.74633 11.0543 2.45126 10.5097 3.34863 10.1543C3.34863 9.13038 3.52 8.19025 3.86328 7.33496C4.20057 6.4797 4.6767 5.73871 5.29102 5.1123C5.89939 4.47984 6.61065 3.99178 7.42383 3.64844C8.23684 3.29918 9.11606 3.12407 10.0615 3.12402Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/cloud_off.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/cloud_off.svg
new file mode 100644
index 000000000..5dfe0a880
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/cloud_off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.8 22.6L17.15 20H6.5C4.96667 20 3.66667 19.4667 2.6 18.4C1.53333 17.3333 1 16.0333 1 14.5C1 13.2167 1.39583 12.075 2.1875 11.075C2.97917 10.075 4 9.43332 5.25 9.14999C5.3 9.01665 5.35 8.88749 5.4 8.76249C5.45 8.63749 5.5 8.49999 5.55 8.34999L1.4 4.19999L2.8 2.79999L21.2 21.2L19.8 22.6ZM6.5 18H15.15L7.1 9.94999C7.06667 10.1333 7.04167 10.3083 7.025 10.475C7.00833 10.6417 7 10.8167 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18ZM21.6 18.75L20.15 17.35C20.4333 17.1167 20.6458 16.8458 20.7875 16.5375C20.9292 16.2292 21 15.8833 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61666 16.5125 8.43749 15.5375 7.46249C14.5625 6.48749 13.3833 5.99999 12 5.99999C11.55 5.99999 11.1167 6.05415 10.7 6.16249C10.2833 6.27082 9.88333 6.44165 9.5 6.67499L8.05 5.22499C8.63333 4.82499 9.25417 4.52082 9.9125 4.31249C10.5708 4.10415 11.2667 3.99999 12 3.99999C13.95 3.99999 15.6042 4.67915 16.9625 6.03749C18.3208 7.39582 19 9.04999 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.15 22.875 16.7542 22.625 17.3125C22.375 17.8708 22.0333 18.35 21.6 18.75Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/co_present.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/co_present.svg
new file mode 100644
index 000000000..783d7726d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/co_present.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 21V5H3V13H1V5C1 4.45 1.19583 3.97917 1.5875 3.5875C1.97917 3.19583 2.45 3 3 3H21C21.55 3 22.0208 3.19583 22.4125 3.5875C22.8042 3.97917 23 4.45 23 5V19C23 19.55 22.8042 20.0208 22.4125 20.4125C22.0208 20.8042 21.55 21 21 21ZM9 14C7.9 14 6.95833 13.6083 6.175 12.825C5.39167 12.0417 5 11.1 5 10C5 8.9 5.39167 7.95833 6.175 7.175C6.95833 6.39167 7.9 6 9 6C10.1 6 11.0417 6.39167 11.825 7.175C12.6083 7.95833 13 8.9 13 10C13 11.1 12.6083 12.0417 11.825 12.825C11.0417 13.6083 10.1 14 9 14ZM9 12C9.55 12 10.0208 11.8042 10.4125 11.4125C10.8042 11.0208 11 10.55 11 10C11 9.45 10.8042 8.97917 10.4125 8.5875C10.0208 8.19583 9.55 8 9 8C8.45 8 7.97917 8.19583 7.5875 8.5875C7.19583 8.97917 7 9.45 7 10C7 10.55 7.19583 11.0208 7.5875 11.4125C7.97917 11.8042 8.45 12 9 12ZM1 22V19.2C1 18.6333 1.14583 18.1125 1.4375 17.6375C1.72917 17.1625 2.11667 16.8 2.6 16.55C3.63333 16.0333 4.68333 15.6458 5.75 15.3875C6.81667 15.1292 7.9 15 9 15C10.1 15 11.1833 15.1292 12.25 15.3875C13.3167 15.6458 14.3667 16.0333 15.4 16.55C15.8833 16.8 16.2708 17.1625 16.5625 17.6375C16.8542 18.1125 17 18.6333 17 19.2V22H1ZM3 20H15V19.2C15 19.0167 14.9542 18.85 14.8625 18.7C14.7708 18.55 14.65 18.4333 14.5 18.35C13.6 17.9 12.6917 17.5625 11.775 17.3375C10.8583 17.1125 9.93333 17 9 17C8.06667 17 7.14167 17.1125 6.225 17.3375C5.30833 17.5625 4.4 17.9 3.5 18.35C3.35 18.4333 3.22917 18.55 3.1375 18.7C3.04583 18.85 3 19.0167 3 19.2V20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/compress.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/compress.svg
new file mode 100644
index 000000000..b1c2dfd48
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/compress.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 4H11.5L11.5 20H9.5V4ZM12.5 4H14.5L14.5 20H12.5L12.5 4ZM1.5 11H4.7L3.1 9.4L4.5 8L8.5 12L4.5 16L3.1 14.6L4.65 13H1.5V11ZM15.5 12L19.5 8L20.9 9.4L19.3 11H22.5V13H19.3L20.9 14.6L19.5 16L15.5 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/computer_arrow_up.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/computer_arrow_up.svg
new file mode 100644
index 000000000..6ce66ad6c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/computer_arrow_up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 21V19H23V21H1ZM4 18C3.45 18 2.97917 17.8042 2.5875 17.4125C2.19583 17.0208 2 16.55 2 16V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H4ZM4 16H20V5H4V16ZM11 14.5H13V10.325L14.6 11.9L16 10.5L12 6.5L8 10.5L9.4 11.925L11 10.325V14.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/content_copy.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/content_copy.svg
new file mode 100644
index 000000000..163d768c7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/content_copy.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/controls.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/controls.svg
new file mode 100644
index 000000000..1567101c7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/controls.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 13C19.2091 13 21 14.7909 21 17C21 19.2091 19.2091 21 17 21C15.1362 21 13.57 19.7252 13.126 18H5C4.44772 18 4 17.5523 4 17C4 16.4477 4.44772 16 5 16H13.126C13.57 14.2748 15.1362 13 17 13ZM17 15C15.8954 15 15 15.8954 15 17C15 18.1046 15.8954 19 17 19C18.1046 19 19 18.1046 19 17C19 15.8954 18.1046 15 17 15Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 3C8.86384 3 10.43 4.27477 10.874 6H19C19.5523 6 20 6.44772 20 7C20 7.55228 19.5523 8 19 8H10.874C10.43 9.72523 8.86384 11 7 11C4.79086 11 3 9.20914 3 7C3 4.79086 4.79086 3 7 3ZM7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9C8.10457 9 9 8.10457 9 7C9 5.89543 8.10457 5 7 5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/copy.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/copy.svg
new file mode 100644
index 000000000..d99e7bf79
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/copy.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2637 1.91406C15.2623 1.91413 16.0175 2.17011 16.5293 2.68164C17.0411 3.18732 17.2979 3.93421 17.2979 4.9209V6.30859H18.8701C19.869 6.30863 20.6239 6.56444 21.1357 7.07617C21.6476 7.58801 21.9043 8.33394 21.9043 9.31445V18.75C21.9042 19.7365 21.6475 20.4827 21.1357 20.9883C20.6239 21.4999 19.8689 21.7558 18.8701 21.7559H9.49902C8.50021 21.7558 7.74517 21.5027 7.2334 20.9971C6.72166 20.4914 6.46587 19.7427 6.46582 18.75V17.3525H4.89258C3.89393 17.3525 3.13875 17.1001 2.62695 16.5947C2.11512 16.0891 1.85841 15.3395 1.8584 14.3467V4.9209C1.8584 3.92804 2.11511 3.17853 2.62695 2.67285C3.13875 2.16735 3.89381 1.91411 4.89258 1.91406H14.2637ZM9.61035 8.13086C9.17887 8.13088 8.84924 8.24466 8.62109 8.47266C8.39292 8.69466 8.27832 9.03127 8.27832 9.48145V18.5928C8.27838 19.0428 8.39298 19.3786 8.62109 19.6006C8.84924 19.8286 9.17881 19.9433 9.61035 19.9434H18.7588C19.1843 19.9434 19.5111 19.8287 19.7393 19.6006C19.9674 19.3786 20.082 19.0428 20.082 18.5928V9.48145C20.082 9.03127 19.9674 8.69466 19.7393 8.47266C19.5111 8.24456 19.1842 8.13086 18.7588 8.13086H9.61035ZM5.00391 3.72754C4.57223 3.72754 4.24184 3.84116 4.01367 4.06934C3.79171 4.29134 3.68066 4.62799 3.68066 5.07812V14.1895C3.68068 14.6395 3.79176 14.9789 4.01367 15.207C4.24184 15.429 4.57223 15.54 5.00391 15.54H6.46582V9.31445C6.46582 8.32778 6.72156 7.58185 7.2334 7.07617C7.74517 6.5644 8.50021 6.30867 9.49902 6.30859H15.4746V5.07812C15.4746 4.62795 15.361 4.29134 15.1328 4.06934C14.9047 3.84127 14.5777 3.72755 14.1523 3.72754H5.00391Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/corporate_fare.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/corporate_fare.svg
new file mode 100644
index 000000000..9594149d3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/corporate_fare.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 21V3H12V7H22V21H2ZM4 19H10V17H4V19ZM4 15H10V13H4V15ZM4 11H10V9H4V11ZM4 7H10V5H4V7ZM12 19H20V9H12V19ZM14 13V11H18V13H14ZM14 17V15H18V17H14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/crop_free.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/crop_free.svg
new file mode 100644
index 000000000..b9f9bb5d2
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/crop_free.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V15H5V19H9V21H5ZM15 21V19H19V15H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H15ZM3 9V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H9V5H5V9H3ZM19 9V5H15V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V9H19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/crop_square.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/crop_square.svg
new file mode 100644
index 000000000..458ddf933
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/crop_square.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/csv-export.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/csv-export.svg
new file mode 100644
index 000000000..5dc77361b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/csv-export.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 20V2H21V12H13V20H3ZM19 4H13V10H19V4ZM5 4V10H11V4H5ZM5 18H11V12H5V18Z" fill="#222631"/>
+<path d="M19 22.5L15 18.5L16.4 17.1L18 18.7V14H20V18.7L21.6 17.1L23 18.5L19 22.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/csv-import.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/csv-import.svg
new file mode 100644
index 000000000..62d7ba108
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/csv-import.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 20V2H21V12H13V20H3ZM19 4H13V10H19V4ZM5 4V10H11V4H5ZM5 18H11V12H5V18Z" fill="#222631"/>
+<path d="M15 18L19 14L23 18L21.6 19.4L20 17.8V22.975H18V17.8L16.4 19.4L15 18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/cube.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/cube.svg
new file mode 100644
index 000000000..15bd754be
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/cube.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.11167 18.5241C2.72916 18.3064 2.42909 18.013 2.21146 17.6436C2.00042 17.2743 1.8949 16.8687 1.8949 16.4269V7.56323C1.8949 7.11478 2.00042 6.70589 2.21146 6.33657C2.42909 5.96725 2.72916 5.67378 3.11167 5.45614L10.7882 1.02433C11.1707 0.800103 11.573 0.687988 11.9951 0.687988C12.4238 0.687988 12.8326 0.800103 13.2217 1.02433L20.8884 5.45614C21.2709 5.67378 21.5677 5.96725 21.7787 6.33657C21.9963 6.70589 22.1052 7.11478 22.1052 7.56323V16.4269C22.1052 16.8687 21.9963 17.2743 21.7787 17.6436C21.5677 18.013 21.2709 18.3064 20.8884 18.5241L13.2217 22.9658C12.8326 23.1966 12.4238 23.312 11.9951 23.312C11.573 23.312 11.1707 23.1966 10.7882 22.9658L3.11167 18.5241ZM11.0355 20.8785V12.8854L3.81403 8.77011V16.0707C3.81403 16.4928 4.00199 16.816 4.3779 17.0402L10.8673 20.7894C10.9069 20.8158 10.9366 20.8323 10.9564 20.8389C10.9762 20.8521 11.0025 20.8653 11.0355 20.8785ZM11.9951 11.1839L19.4837 6.91033C19.4441 6.86417 19.3979 6.8246 19.3452 6.79162L12.5589 2.87422C12.1896 2.65658 11.817 2.65658 11.4411 2.87422L4.65489 6.79162C4.60872 6.818 4.57575 6.84109 4.55596 6.86087C4.54277 6.87406 4.52299 6.89055 4.49661 6.91033L11.9951 11.1839ZM12.9645 20.8785C13.0107 20.8521 13.047 20.8323 13.0734 20.8191C13.1063 20.8059 13.1525 20.7795 13.2119 20.74L19.6222 17.0402C19.9915 16.816 20.1761 16.4928 20.1761 16.0707V8.76022L12.9645 12.8755V20.8785Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/curlybraces.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/curlybraces.svg
new file mode 100644
index 000000000..c81c6c250
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/curlybraces.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.08643 1.6377C9.34363 1.6377 9.56168 1.66818 9.73975 1.72754C9.96372 1.80006 10.1316 1.91195 10.2437 2.06348C10.3624 2.20857 10.4224 2.38662 10.4224 2.59766C10.4224 3.02631 10.2338 3.30341 9.85791 3.42871C9.79869 3.44843 9.73299 3.46535 9.66064 3.47852C9.59473 3.48511 9.52196 3.49146 9.44287 3.49805C8.6517 3.55738 8.09419 3.77785 7.771 4.16016C7.44788 4.54262 7.28666 5.17282 7.28662 6.0498V9.10645C7.28662 9.9572 7.05491 10.624 6.59326 11.1055C6.13832 11.5866 5.50556 11.8703 4.69482 11.9561C4.65544 11.9561 4.63544 11.9722 4.63525 12.0049C4.64185 12.0313 4.66185 12.0481 4.69482 12.0547C5.50562 12.1339 6.13832 12.4143 6.59326 12.8955C7.05484 13.3769 7.28655 14.043 7.28662 14.8936V17.9512C7.28668 18.828 7.44798 19.4574 7.771 19.8398C8.09415 20.2224 8.65148 20.4467 9.44287 20.5127C9.50867 20.5127 9.56794 20.5159 9.62061 20.5225C9.67984 20.5356 9.73591 20.5493 9.78857 20.5625C10.2107 20.6746 10.4224 20.9517 10.4224 21.3936C10.4223 21.6045 10.3623 21.7859 10.2437 21.9375C10.1316 22.089 9.96044 22.2041 9.72998 22.2832C9.55851 22.336 9.37314 22.3623 9.17529 22.3623C7.75754 22.3623 6.70901 22.0261 6.02979 21.3535C5.35717 20.6874 5.021 19.6422 5.021 18.2178V15.6953C5.021 14.9171 4.88512 14.3503 4.61475 13.9941C4.34437 13.638 3.89649 13.4063 3.27002 13.3008C2.90094 13.2217 2.61726 13.0707 2.41943 12.8467C2.22158 12.6225 2.12256 12.3349 2.12256 11.9854C2.1226 11.6491 2.22162 11.3687 2.41943 11.1445C2.61727 10.9139 2.90084 10.7651 3.27002 10.6992C3.89637 10.5871 4.34438 10.3563 4.61475 10.0068C4.88513 9.65072 5.02098 9.08382 5.021 8.30566V5.7832C5.021 4.37194 5.35398 3.32992 6.02002 2.65723C6.68608 1.97797 7.70816 1.63772 9.08643 1.6377Z" fill="#222631"/>
+<path d="M14.9038 1.6377C16.2819 1.63777 17.3042 1.97802 17.9702 2.65723C18.6362 3.32992 18.9692 4.37204 18.9692 5.7832V8.30566C18.9692 9.08369 19.1042 9.64754 19.3745 9.99707C19.6449 10.3466 20.0937 10.5805 20.7202 10.6992C21.096 10.7652 21.3827 10.9138 21.5806 11.1445C21.7784 11.3687 21.8774 11.6491 21.8774 11.9854C21.8774 12.3349 21.7784 12.6225 21.5806 12.8467C21.3828 13.0707 21.0958 13.2217 20.7202 13.3008C20.0871 13.4063 19.6351 13.638 19.3647 13.9941C19.1011 14.3503 18.9692 14.9173 18.9692 15.6953V18.2178C18.9692 19.6421 18.633 20.6874 17.9604 21.3535C17.2878 22.0262 16.2385 22.3623 14.814 22.3623C14.6228 22.3623 14.4382 22.3359 14.2603 22.2832C14.0295 22.2172 13.8545 22.1055 13.7358 21.9473C13.6238 21.7957 13.5679 21.611 13.5679 21.3936C13.5679 21.1627 13.6206 20.9774 13.7261 20.8389C13.8315 20.7072 13.9932 20.6152 14.2104 20.5625C14.2565 20.5493 14.3062 20.5356 14.3589 20.5225C14.4182 20.5159 14.4814 20.5127 14.5474 20.5127C15.3387 20.4467 15.8961 20.2223 16.2192 19.8398C16.5422 19.4574 16.7036 18.8278 16.7036 17.9512V14.8936C16.7037 14.0432 16.9346 13.3641 17.396 12.8564C17.8576 12.3421 18.4909 12.0745 19.2954 12.0547C19.3284 12.0481 19.3452 12.0313 19.3452 12.0049C19.3451 11.9722 19.3282 11.9561 19.2954 11.9561C18.4909 11.9362 17.8576 11.6687 17.396 11.1543C16.9345 10.6399 16.7036 9.95704 16.7036 9.10645V6.0498C16.7036 5.17282 16.5424 4.53945 16.2192 4.15039C15.8961 3.76138 15.3386 3.54423 14.5474 3.49805C14.4683 3.49146 14.3923 3.48511 14.3198 3.47852C14.2539 3.46533 14.1907 3.4485 14.1313 3.42871C13.7556 3.29018 13.5679 3.01301 13.5679 2.59766C13.5679 2.38668 13.6238 2.20854 13.7358 2.06348C13.8479 1.91184 14.0229 1.80009 14.2603 1.72754C14.4383 1.66818 14.6532 1.6377 14.9038 1.6377Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/dangerous.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/dangerous.svg
new file mode 100644
index 000000000..475a47370
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/dangerous.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.25 21L3 15.75V8.25L8.25 3H15.75L21 8.25V15.75L15.75 21H8.25ZM9.15 16.25L12 13.4L14.85 16.25L16.25 14.85L13.4 12L16.25 9.15L14.85 7.75L12 10.6L9.15 7.75L7.75 9.15L10.6 12L7.75 14.85L9.15 16.25ZM9.1 19H14.9L19 14.9V9.1L14.9 5H9.1L5 9.1V14.9L9.1 19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/dashboard.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/dashboard.svg
new file mode 100644
index 000000000..219f589dd
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/dashboard.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 9V3H21V9H13ZM3 13V3H11V13H3ZM13 21V11H21V21H13ZM3 21V15H11V21H3ZM5 11H9V5H5V11ZM15 19H19V13H15V19ZM15 7H19V5H15V7ZM5 19H9V17H5V19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/delete-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/delete-filled.svg
new file mode 100644
index 000000000..baa7e534d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/delete-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/delete.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/delete.svg
new file mode 100644
index 000000000..5936fced3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/delete.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/desktop_mac-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/desktop_mac-filled.svg
new file mode 100644
index 000000000..0e9ddb1ec
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/desktop_mac-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 21V20L10 18H4C3.45 18 2.97917 17.8042 2.5875 17.4125C2.19583 17.0208 2 16.55 2 16V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H14L16 20V21H8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/directions_car-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/directions_car-filled.svg
new file mode 100644
index 000000000..2ee23057b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/directions_car-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 19V20C6 20.2833 5.90417 20.5208 5.7125 20.7125C5.52083 20.9042 5.28333 21 5 21H4C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20V12L5.1 6C5.2 5.7 5.37917 5.45833 5.6375 5.275C5.89583 5.09167 6.18333 5 6.5 5H17.5C17.8167 5 18.1042 5.09167 18.3625 5.275C18.6208 5.45833 18.8 5.7 18.9 6L21 12V20C21 20.2833 20.9042 20.5208 20.7125 20.7125C20.5208 20.9042 20.2833 21 20 21H19C18.7167 21 18.4792 20.9042 18.2875 20.7125C18.0958 20.5208 18 20.2833 18 20V19H6ZM5.8 10H18.2L17.15 7H6.85L5.8 10ZM7.5 16C7.91667 16 8.27083 15.8542 8.5625 15.5625C8.85417 15.2708 9 14.9167 9 14.5C9 14.0833 8.85417 13.7292 8.5625 13.4375C8.27083 13.1458 7.91667 13 7.5 13C7.08333 13 6.72917 13.1458 6.4375 13.4375C6.14583 13.7292 6 14.0833 6 14.5C6 14.9167 6.14583 15.2708 6.4375 15.5625C6.72917 15.8542 7.08333 16 7.5 16ZM16.5 16C16.9167 16 17.2708 15.8542 17.5625 15.5625C17.8542 15.2708 18 14.9167 18 14.5C18 14.0833 17.8542 13.7292 17.5625 13.4375C17.2708 13.1458 16.9167 13 16.5 13C16.0833 13 15.7292 13.1458 15.4375 13.4375C15.1458 13.7292 15 14.0833 15 14.5C15 14.9167 15.1458 15.2708 15.4375 15.5625C15.7292 15.8542 16.0833 16 16.5 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/divergence.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/divergence.svg
new file mode 100644
index 000000000..abfb6da79
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/divergence.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 12.1257C3 11.4593 3.39043 11.1261 4.17129 11.1261H9.82578C10.4249 11.1261 11.0644 10.9746 11.7443 10.6717C12.4309 10.3688 13.1141 9.96827 13.794 9.47014C14.4739 8.97874 15.0966 8.44021 15.662 7.85457C16.2342 7.26893 16.7054 6.68665 17.0756 6.10774L17.6108 5.28986C17.8127 4.96001 18.1089 4.79509 18.4994 4.79509C18.7552 4.79509 18.9773 4.87923 19.1658 5.04752C19.361 5.22254 19.4586 5.46488 19.4586 5.77453C19.4586 6.06398 19.3644 6.34671 19.1759 6.6227L18.8326 7.15786C18.4556 7.71658 18.0113 8.26856 17.4997 8.81381C16.9881 9.35907 16.4462 9.86057 15.8741 10.3183C15.3086 10.7828 14.76 11.1699 14.2282 11.4795C13.6964 11.7959 13.2286 12.0046 12.8247 12.1055V12.1459C13.2286 12.2402 13.6964 12.4455 14.2282 12.7619C14.76 13.0782 15.3086 13.4687 15.8741 13.9331C16.4395 14.3976 16.978 14.8991 17.4896 15.4376C18.008 15.9829 18.4556 16.5382 18.8326 17.1037L19.1759 17.6288C19.3644 17.9048 19.4586 18.1875 19.4586 18.4769C19.4586 18.7799 19.3644 19.0188 19.1759 19.1938C18.9941 19.3689 18.7653 19.4564 18.4893 19.4564C18.1056 19.4564 17.8127 19.2914 17.6108 18.9616L17.0756 18.1538C16.7054 17.5749 16.2342 16.9893 15.662 16.3969C15.0966 15.8112 14.4739 15.2694 13.794 14.7712C13.1141 14.2798 12.4309 13.8827 11.7443 13.5797C11.0644 13.2768 10.4249 13.1254 9.82578 13.1254H4.17129C3.39043 13.1254 3 12.7922 3 12.1257ZM15.8438 5.03742C15.5341 4.79509 15.4163 4.54602 15.4904 4.29022C15.5644 4.04116 15.7865 3.86277 16.1568 3.75507L20.1351 2.55349C20.438 2.45925 20.6871 2.48954 20.8823 2.64436C21.0775 2.79919 21.1684 3.03143 21.1549 3.34108L20.9833 7.50117C20.9698 7.88486 20.8487 8.14066 20.6198 8.26856C20.3976 8.39646 20.1351 8.34597 19.8322 8.1171L15.8438 5.03742ZM15.864 19.0828L19.9332 16.1243C20.2428 15.8954 20.5087 15.8516 20.7309 15.993C20.953 16.1344 21.0641 16.3935 21.0641 16.7705L21.1146 20.9407C21.1146 21.2503 21.0136 21.4758 20.8116 21.6172C20.6164 21.7653 20.3674 21.7888 20.0644 21.6879L16.1265 20.3651C15.763 20.2507 15.5476 20.0656 15.4803 19.8098C15.4129 19.554 15.5408 19.3116 15.864 19.0828Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-all.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-all.svg
new file mode 100644
index 000000000..b0b65f9ea
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-all.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.49074 9.98001C6.35846 9.83995 6.29328 9.66638 6.29328 9.47339C6.29328 9.28037 6.35866 9.10673 6.49521 8.97019C6.6362 8.82919 6.81472 8.76025 7.01443 8.76025H13.0974C13.2923 8.76025 13.4656 8.82969 13.6006 8.97014C13.741 9.1051 13.8105 9.27847 13.8105 9.47339C13.8105 9.66926 13.7406 9.84347 13.6028 9.98236C13.4675 10.1243 13.2934 10.1945 13.0974 10.1945H7.01443C6.81472 10.1945 6.6362 10.1256 6.49521 9.9846L6.49373 9.98313L6.49074 9.98001Z" fill="#222631"/>
+<path d="M6.49074 12.777C6.35846 12.637 6.29328 12.4634 6.29328 12.2704C6.29328 12.0774 6.35866 11.9038 6.49521 11.7672C6.6362 11.6262 6.81472 11.5573 7.01443 11.5573H13.0974C13.2923 11.5573 13.4656 11.6267 13.6006 11.7672C13.7411 11.9021 13.8105 12.0755 13.8105 12.2704C13.8105 12.4663 13.7406 12.6405 13.6028 12.7794C13.4676 12.9213 13.2934 12.9916 13.0974 12.9916H7.01443C6.81472 12.9916 6.6362 12.9226 6.49521 12.7816L6.49373 12.7801L6.49074 12.777Z" fill="#222631"/>
+<path d="M6.29328 15.0835C6.29328 15.2737 6.36017 15.4438 6.49074 15.5821L6.49677 15.5883L6.4998 15.5911C6.64156 15.725 6.8186 15.7886 7.01443 15.7886H9.8916C10.0873 15.7886 10.2646 15.7249 10.4028 15.5867C10.5402 15.4493 10.6128 15.2777 10.6128 15.0835C10.6128 14.8848 10.5446 14.7072 10.4051 14.5665C10.268 14.4227 10.0902 14.3543 9.8916 14.3543H7.01443C6.81474 14.3543 6.63615 14.4232 6.49514 14.5642L6.49074 14.5688C6.35686 14.7106 6.29328 14.8876 6.29328 15.0835Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.66547 1.90943C8.13877 1.43006 8.8285 1.20959 9.69241 1.20959H18.2037C19.0671 1.20959 19.7548 1.42981 20.2231 1.90995C20.6953 2.38854 20.9124 3.08241 20.9124 3.95038V16.1082C20.9124 16.981 20.6956 17.6761 20.2218 18.15C19.7533 18.6239 19.0661 18.841 18.2037 18.841H17.0163V20.0043C17.0163 20.8771 16.7994 21.5723 16.3256 22.0461C15.8572 22.5201 15.1699 22.7371 14.3075 22.7371H5.79625C4.93306 22.7371 4.24373 22.5197 3.77032 22.0463C3.30243 21.5723 3.08752 20.8765 3.08752 20.0043V7.84649C3.08752 6.97888 3.30276 6.28421 3.76931 5.80554C4.24261 5.32617 4.93233 5.1057 5.79625 5.1057H6.98369V3.95038C6.98369 3.08277 7.19892 2.3881 7.66547 1.90943ZM8.64438 5.1057H14.3075C15.1709 5.1057 15.8587 5.32592 16.327 5.80605C16.7992 6.28464 17.0163 6.97851 17.0163 7.84649V17.1803H18.1396C18.5329 17.1803 18.8012 17.0797 18.9727 16.9038L18.974 16.9025C19.1522 16.7242 19.2517 16.4592 19.2517 16.0842V3.97443C19.2517 3.59939 19.1522 3.33437 18.974 3.15608L18.9714 3.1535C18.7997 2.97306 18.5319 2.87029 18.1396 2.87029H9.75653C9.36452 2.87029 9.09289 2.97291 8.91545 3.15477C8.74178 3.33291 8.64438 3.59844 8.64438 3.97443V5.1057ZM5.86037 21.0764C5.46788 21.0764 5.19596 20.9762 5.01866 20.7993C4.84536 20.6212 4.74822 20.3558 4.74822 19.9803V7.87053C4.74822 7.49454 4.84561 7.22902 5.01928 7.05087C5.19672 6.86902 5.46836 6.76639 5.86037 6.76639H14.2434C14.6357 6.76639 14.9036 6.86917 15.0752 7.04961L15.0778 7.05219C15.2561 7.23047 15.3556 7.49549 15.3556 7.87053V19.9803C15.3556 20.3553 15.2561 20.6203 15.0778 20.7986L15.0765 20.7999C14.905 20.9758 14.6367 21.0764 14.2434 21.0764H5.86037Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-link.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-link.svg
new file mode 100644
index 000000000..493c6d00d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-link.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2158 15.6611C20.6703 15.6611 21.0189 15.7816 21.2607 16.0234C21.5026 16.2626 21.623 16.6087 21.623 17.0605V21.8838C21.623 22.3356 21.5026 22.6817 21.2607 22.9209C21.0189 23.1628 20.6703 23.2832 20.2158 23.2832H15.4082C14.9537 23.2832 14.6051 23.1627 14.3633 22.9209C14.1214 22.6817 14.001 22.3356 14.001 21.8838V17.0605C14.001 16.6087 14.1214 16.2626 14.3633 16.0234C14.6051 15.7816 14.9537 15.6611 15.4082 15.6611H20.2158ZM17.082 17.7461C16.9413 17.7462 16.8281 17.7831 16.7432 17.8574C16.6583 17.9318 16.6163 18.0328 16.6162 18.1602C16.6162 18.2849 16.6571 18.3846 16.7393 18.459C16.8243 18.5334 16.9374 18.5712 17.0781 18.5713H17.6846L18.1787 18.5068L17.6123 19.0059L16.2773 20.3408C16.1763 20.4392 16.126 20.5543 16.126 20.6846C16.1261 20.8279 16.1705 20.9424 16.2607 21.0273C16.3537 21.1123 16.4656 21.1542 16.5957 21.1543C16.6646 21.1543 16.73 21.143 16.791 21.1191C16.8521 21.0952 16.9097 21.0561 16.9629 21.0029L18.2861 19.6797L18.7803 19.1172L18.7246 19.6357V20.2021C18.7247 20.3428 18.7626 20.4561 18.8369 20.541C18.9113 20.6231 19.0123 20.6641 19.1396 20.6641C19.2672 20.664 19.3667 20.6212 19.4385 20.5361C19.5127 20.4512 19.5497 20.34 19.5498 20.2021V18.2959C19.5498 18.1152 19.5007 17.9788 19.4023 17.8857C19.304 17.7927 19.1688 17.7461 18.9961 17.7461H17.082Z" fill="#222631"/>
+<path d="M16.6631 1.69141C17.6852 1.69141 18.457 1.95793 18.9775 2.49121C19.4981 3.01814 19.7578 3.79334 19.7578 4.81543V12.7402C19.7575 13.2552 19.3401 13.6726 18.8252 13.6729C18.31 13.6729 17.8919 13.2554 17.8916 12.7402V4.93848C17.8915 4.49426 17.7773 4.15476 17.5488 3.91992C17.3203 3.67867 16.9742 3.55762 16.5107 3.55762H6.68359C6.22022 3.55762 5.87406 3.67875 5.64551 3.91992C5.41701 4.15477 5.30279 4.49422 5.30273 4.93848V19.0703C5.30273 19.5084 5.41696 19.8452 5.64551 20.0801C5.87406 20.3149 6.22021 20.4326 6.68359 20.4326H11.043C11.5608 20.4329 11.9805 20.8532 11.9805 21.3711C11.9802 21.8889 11.5599 22.3086 11.042 22.3086H6.52148C5.49942 22.3086 4.72762 22.0454 4.20703 21.5186C3.68653 20.9917 3.42684 20.2138 3.42676 19.1855V4.81543C3.42676 3.7933 3.68645 3.01815 4.20703 2.49121C4.72762 1.95793 5.49936 1.69141 6.52148 1.69141H16.6631Z" fill="#222631"/>
+<path d="M11.4824 12.7861C11.6602 12.7861 11.8066 12.8462 11.9209 12.9668C12.0351 13.081 12.0918 13.2242 12.0918 13.3955C12.0917 13.4982 12.0677 13.5898 12.0234 13.6729H11.9805V13.7422C11.9623 13.7668 11.9435 13.7918 11.9209 13.8145C11.8066 13.9287 11.6601 13.9854 11.4824 13.9854H8.11133C7.93385 13.9853 7.788 13.9285 7.67383 13.8145C7.55964 13.7003 7.50204 13.5604 7.50195 13.3955C7.50195 13.2241 7.55955 13.0811 7.67383 12.9668C7.78804 12.8463 7.93371 12.7862 8.11133 12.7861H11.4824Z" fill="#222631"/>
+<path d="M15.082 9.5293C15.2534 9.5293 15.3965 9.58599 15.5107 9.7002C15.625 9.81445 15.6826 9.95412 15.6826 10.1191C15.6826 10.2906 15.625 10.437 15.5107 10.5576C15.3965 10.6717 15.2533 10.7285 15.082 10.7285H8.11133C7.93385 10.7285 7.788 10.6716 7.67383 10.5576C7.55955 10.437 7.50195 10.2906 7.50195 10.1191C7.50198 9.95412 7.55958 9.81445 7.67383 9.7002C7.78802 9.58609 7.93378 9.52936 8.11133 9.5293H15.082Z" fill="#222631"/>
+<path d="M15.082 6.27246C15.2534 6.27246 15.3965 6.32915 15.5107 6.44336C15.625 6.55763 15.6826 6.70066 15.6826 6.87207C15.6826 7.03708 15.625 7.18019 15.5107 7.30078C15.3965 7.42124 15.2533 7.48145 15.082 7.48145H8.11133C7.93384 7.48138 7.788 7.42114 7.67383 7.30078C7.55958 7.18019 7.50198 7.03708 7.50195 6.87207C7.50195 6.70066 7.55955 6.55763 7.67383 6.44336C7.78802 6.32925 7.93377 6.27252 8.11133 6.27246H15.082Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-move-in.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-move-in.svg
new file mode 100644
index 000000000..6aaaf81a6
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-move-in.svg
@@ -0,0 +1,18 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M16.8867 1.69141C17.9088 1.69141 18.6806 1.95795 19.2012 2.49121C19.7218 3.01815 19.9824 3.7933 19.9824 4.81543V19.1855C19.9823 20.2138 19.7217 20.9917 19.2012 21.5186C18.6806 22.0454 17.9088 22.3086 16.8867 22.3086H10.9346C10.4167 22.3086 9.99636 21.8889 9.99609 21.3711C9.99609 20.8531 10.4165 20.4326 10.9346 20.4326H16.7344C17.1978 20.4326 17.5439 20.315 17.7725 20.0801C18.001 19.8452 18.1152 19.5084 18.1152 19.0703V4.93848C18.1152 4.49422 18.001 4.15477 17.7725 3.91992C17.5439 3.6787 17.1978 3.55762 16.7344 3.55762H6.90723C6.4438 3.55762 6.09769 3.67869 5.86914 3.91992C5.64064 4.15477 5.52642 4.49422 5.52637 4.93848V9.73242C5.5261 10.2501 5.10652 10.6697 4.58887 10.6699C4.07083 10.6699 3.65039 10.2495 3.65039 9.73145V4.81543C3.65039 3.79336 3.91014 3.01814 4.43066 2.49121C4.95125 1.95793 5.72299 1.69141 6.74512 1.69141H16.8867Z"
+    fill="currentColor"
+  />
+  <path
+    d="M8.38574 12.417C8.50652 12.417 8.6175 12.439 8.71582 12.4844C8.81242 12.529 8.89931 12.5953 8.97754 12.6807L11.3516 15.2666C11.4444 15.3727 11.5147 15.4732 11.5586 15.5674C11.6107 15.6653 11.6357 15.7734 11.6357 15.8896C11.6357 16.0056 11.6104 16.1142 11.5586 16.2119C11.5147 16.3126 11.4445 16.4161 11.3516 16.5225L11.3496 16.5244L8.97754 19.0996C8.90009 19.184 8.8142 19.2504 8.71875 19.2949C8.61987 19.3476 8.50757 19.3721 8.38574 19.3721C8.16919 19.372 7.98364 19.2989 7.83594 19.1514L7.83398 19.1494C7.6927 19.0007 7.62402 18.8117 7.62402 18.5908C7.62404 18.4813 7.64591 18.3751 7.68945 18.2734C7.73363 18.1704 7.80072 18.082 7.8877 18.0088L8.65918 17.2461L9.2373 16.6826L8.03711 16.7393H3.1875C2.95558 16.7393 2.75646 16.6543 2.59668 16.4873C2.43789 16.3213 2.35742 16.1202 2.35742 15.8896C2.35749 15.665 2.43789 15.4651 2.59473 15.2939L2.59668 15.293C2.75648 15.1259 2.95552 15.041 3.1875 15.041H8.04199L9.2373 15.0977L8.65918 14.5342L7.8877 13.7715C7.80073 13.6982 7.73363 13.6099 7.68945 13.5068C7.6458 13.405 7.62402 13.2982 7.62402 13.1885C7.62411 12.9678 7.6929 12.7795 7.83398 12.6309L7.83691 12.627C7.98496 12.4863 8.17051 12.4171 8.38574 12.417Z"
+    fill="currentColor"
+  />
+  <path
+    d="M11.7158 9.5293C11.8872 9.5293 12.0303 9.58595 12.1445 9.7002C12.2588 9.81445 12.3164 9.95412 12.3164 10.1191C12.3164 10.2906 12.2588 10.437 12.1445 10.5576C12.0303 10.6718 11.8871 10.7285 11.7158 10.7285H8.33496C8.15751 10.7284 8.01161 10.6717 7.89746 10.5576C7.78319 10.437 7.72559 10.2906 7.72559 10.1191C7.72561 9.95412 7.78321 9.81445 7.89746 9.7002C8.01163 9.58606 8.15744 9.5294 8.33496 9.5293H11.7158Z"
+    fill="currentColor"
+  />
+  <path
+    d="M15.3066 6.27246C15.4778 6.27256 15.6202 6.32931 15.7344 6.44336C15.8486 6.55763 15.9062 6.70066 15.9062 6.87207C15.9062 7.03708 15.8486 7.18019 15.7344 7.30078C15.6203 7.42107 15.4777 7.48134 15.3066 7.48145H8.33496C8.15751 7.48134 8.01161 7.42116 7.89746 7.30078C7.78322 7.18019 7.72562 7.03708 7.72559 6.87207C7.72559 6.70066 7.78319 6.55763 7.89746 6.44336C8.01163 6.32923 8.15744 6.27256 8.33496 6.27246H15.3066Z"
+    fill="currentColor"
+  />
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-move-out.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-move-out.svg
new file mode 100644
index 000000000..2a2055079
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-move-out.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8867 1.69141C17.9088 1.69141 18.6806 1.95795 19.2012 2.49121C19.7218 3.01815 19.9824 3.7933 19.9824 4.81543V19.1855C19.9823 20.2138 19.7217 20.9917 19.2012 21.5186C18.6806 22.0454 17.9088 22.3086 16.8867 22.3086H7.93457C7.4167 22.3086 6.99636 21.8889 6.99609 21.3711C6.99609 20.8531 7.41653 20.4326 7.93457 20.4326H16.7344C17.1978 20.4326 17.5439 20.315 17.7725 20.0801C18.001 19.8452 18.1152 19.5084 18.1152 19.0703V4.93848C18.1152 4.49422 18.001 4.15477 17.7725 3.91992C17.5439 3.6787 17.1978 3.55762 16.7344 3.55762H6.90723C6.4438 3.55762 6.09769 3.67869 5.86914 3.91992C5.64064 4.15477 5.52642 4.49422 5.52637 4.93848V9.73242C5.5261 10.2501 5.10652 10.6697 4.58887 10.6699C4.07083 10.6699 3.65039 10.2495 3.65039 9.73145V4.81543C3.65039 3.79336 3.91014 3.01814 4.43066 2.49121C4.95125 1.95793 5.72299 1.69141 6.74512 1.69141H16.8867Z" fill="#222631"/>
+<path d="M4.09082 12.4756C4.30613 12.4756 4.49156 12.5439 4.63965 12.6846L4.64258 12.6885C4.78384 12.8372 4.85254 13.0262 4.85254 13.2471C4.85248 13.3566 4.8307 13.4628 4.78711 13.5645C4.74296 13.6674 4.67671 13.7559 4.58984 13.8291L3.81738 14.5918L3.23926 15.1553L4.43457 15.0986H9.29004C9.52184 15.0987 9.72018 15.1836 9.87988 15.3506L9.88184 15.3516C10.0387 15.5227 10.1191 15.7226 10.1191 15.9473C10.1191 16.1778 10.0387 16.3789 9.87988 16.5449C9.7202 16.7118 9.52178 16.7968 9.29004 16.7969H4.43945L3.23926 16.7402L3.81738 17.3037L4.58984 18.0664C4.67665 18.1396 4.74299 18.2281 4.78711 18.3311C4.83067 18.4328 4.85251 18.5389 4.85254 18.6484C4.85254 18.8693 4.78386 19.0583 4.64258 19.207L4.64062 19.209C4.49289 19.3565 4.30742 19.4297 4.09082 19.4297C3.9692 19.4297 3.85755 19.405 3.75879 19.3525C3.66324 19.308 3.57654 19.2418 3.49902 19.1572L1.12695 16.582L1.125 16.5811C1.03182 16.4746 0.961899 16.3704 0.917969 16.2695C0.866165 16.1718 0.84082 16.0633 0.84082 15.9473C0.840872 15.831 0.865885 15.7229 0.917969 15.625C0.961864 15.5308 1.03222 15.4303 1.125 15.3242L3.49902 12.7383C3.57722 12.653 3.66419 12.5866 3.76074 12.542C3.85906 12.4966 3.97004 12.4756 4.09082 12.4756Z" fill="#222631"/>
+<path d="M11.7158 9.5293C11.8872 9.5293 12.0303 9.58595 12.1445 9.7002C12.2588 9.81445 12.3164 9.95412 12.3164 10.1191C12.3164 10.2906 12.2588 10.437 12.1445 10.5576C12.0303 10.6718 11.8871 10.7285 11.7158 10.7285H8.33496C8.15751 10.7284 8.01161 10.6717 7.89746 10.5576C7.78319 10.437 7.72559 10.2906 7.72559 10.1191C7.72561 9.95412 7.78321 9.81445 7.89746 9.7002C8.01163 9.58606 8.15744 9.5294 8.33496 9.5293H11.7158Z" fill="#222631"/>
+<path d="M15.3066 6.27246C15.4778 6.27256 15.6202 6.32931 15.7344 6.44336C15.8486 6.55763 15.9062 6.70066 15.9062 6.87207C15.9062 7.03708 15.8486 7.18019 15.7344 7.30078C15.6203 7.42107 15.4777 7.48134 15.3066 7.48145H8.33496C8.15751 7.48134 8.01161 7.42116 7.89746 7.30078C7.78322 7.18019 7.72562 7.03708 7.72559 6.87207C7.72559 6.70066 7.78319 6.55763 7.89746 6.44336C8.01163 6.32923 8.15744 6.27256 8.33496 6.27246H15.3066Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-plus.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-plus.svg
new file mode 100644
index 000000000..e2218f510
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-plus.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8594 1.69141C12.5198 2.26055 12.2689 2.8887 12.1279 3.55762H6.90723C6.4438 3.55762 6.09769 3.67869 5.86914 3.91992C5.64064 4.15477 5.52642 4.49422 5.52637 4.93848V19.0703C5.52637 19.5084 5.64059 19.8452 5.86914 20.0801C6.09769 20.315 6.44378 20.4326 6.90723 20.4326H16.7344C17.1978 20.4326 17.5439 20.315 17.7725 20.0801C18.001 19.8452 18.1152 19.5084 18.1152 19.0703V10.9629C18.1201 10.9629 18.125 10.9639 18.1299 10.9639C18.7755 10.9639 19.3979 10.8627 19.9824 10.6777V19.1855C19.9823 20.2138 19.7217 20.9917 19.2012 21.5186C18.6806 22.0454 17.9088 22.3086 16.8867 22.3086H6.74512C5.723 22.3086 4.95125 22.0455 4.43066 21.5186C3.91016 20.9917 3.65047 20.2138 3.65039 19.1855V4.81543C3.65039 3.79336 3.91014 3.01814 4.43066 2.49121C4.95125 1.95793 5.72299 1.69141 6.74512 1.69141H12.8594Z" fill="#222631"/>
+<path d="M11.7061 12.7861C11.8838 12.7861 12.0303 12.8462 12.1445 12.9668C12.2588 13.0811 12.3164 13.2241 12.3164 13.3955C12.3163 13.5604 12.2587 13.7003 12.1445 13.8145C12.0303 13.9286 11.8837 13.9854 11.7061 13.9854H8.33496C8.15751 13.9853 8.01161 13.9285 7.89746 13.8145C7.78327 13.7003 7.72567 13.5604 7.72559 13.3955C7.72559 13.2241 7.78322 13.0811 7.89746 12.9668C8.01164 12.8463 8.15741 12.7862 8.33496 12.7861H11.7061Z" fill="#222631"/>
+<path d="M14.1904 9.5293C14.665 9.92753 15.2004 10.2551 15.7812 10.4961C15.7661 10.5163 15.7524 10.5386 15.7344 10.5576C15.6203 10.6716 15.4777 10.7284 15.3066 10.7285H8.33496C8.15751 10.7284 8.01161 10.6717 7.89746 10.5576C7.78319 10.437 7.72559 10.2906 7.72559 10.1191C7.72561 9.95412 7.78321 9.81445 7.89746 9.7002C8.01163 9.58607 8.15744 9.5294 8.33496 9.5293H14.1904Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1338 0.716797C18.8977 0.716797 19.5967 0.9081 20.2295 1.29004C20.8678 1.66626 21.3748 2.17102 21.751 2.80371C22.1272 3.43646 22.3154 4.13767 22.3154 4.90723C22.3154 5.47719 22.2047 6.01616 21.9824 6.52344C21.7658 7.02501 21.4638 7.46983 21.0762 7.85742C20.6944 8.24494 20.2493 8.54918 19.7422 8.77148C19.2348 8.98811 18.6981 9.09668 18.1338 9.09668C17.5582 9.09662 17.017 8.98805 16.5098 8.77148C16.0081 8.54916 15.5634 8.24716 15.1758 7.86523C14.794 7.47772 14.4918 7.03058 14.2695 6.52344C14.0529 6.01616 13.9444 5.47719 13.9443 4.90723C13.9443 4.13771 14.1326 3.43644 14.5088 2.80371C14.8906 2.17108 15.3977 1.66625 16.0303 1.29004C16.6629 0.908179 17.3644 0.716876 18.1338 0.716797ZM18.1426 2.24805C17.966 2.2481 17.8231 2.30189 17.7148 2.41016C17.6124 2.51269 17.5616 2.64954 17.5615 2.82031V4.33398H16.0479C15.8768 4.33398 15.7372 4.38567 15.6289 4.48828C15.5264 4.59088 15.4746 4.73058 15.4746 4.90723C15.4747 5.07813 15.5263 5.21792 15.6289 5.32617C15.7372 5.4287 15.8769 5.47949 16.0479 5.47949H17.5615V7.00195C17.5615 7.17284 17.6124 7.31262 17.7148 7.4209C17.8231 7.52346 17.966 7.57515 18.1426 7.5752C18.3136 7.5752 18.4511 7.52351 18.5537 7.4209C18.6619 7.31263 18.7158 7.17283 18.7158 7.00195V5.47949H20.2295C20.4003 5.47944 20.5371 5.42865 20.6396 5.32617C20.7479 5.21792 20.8017 5.07813 20.8018 4.90723C20.8018 4.73059 20.7479 4.59088 20.6396 4.48828C20.5371 4.38572 20.4004 4.33404 20.2295 4.33398H18.7158V2.82031C18.7158 2.64955 18.6618 2.51269 18.5537 2.41016C18.4511 2.30185 18.3136 2.24805 18.1426 2.24805Z" fill="#222631"/>
+<path d="M12.1689 6.27246C12.2706 6.69396 12.4139 7.09891 12.5977 7.48145H8.33496C8.15751 7.48134 8.01161 7.42116 7.89746 7.30078C7.78322 7.18019 7.72562 7.03708 7.72559 6.87207C7.72559 6.70066 7.78319 6.55763 7.89746 6.44336C8.01163 6.32923 8.15744 6.27256 8.33496 6.27246H12.1689Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-slash.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-slash.svg
new file mode 100644
index 000000000..da61836ec
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc-slash.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.14844 1.44531C2.34316 1.44531 2.5117 1.5137 2.65332 1.64941L22.3643 21.3506C22.5 21.4922 22.5645 21.6579 22.5586 21.8467C22.5586 22.0412 22.4938 22.2091 22.3643 22.3506C22.2285 22.4863 22.0629 22.5547 21.8682 22.5547C21.6736 22.5546 21.5058 22.4862 21.3643 22.3506L1.64453 2.64941C1.50882 2.5137 1.44043 2.34804 1.44043 2.15332C1.44047 1.95284 1.50894 1.78506 1.64453 1.64941C1.78604 1.5138 1.9539 1.44541 2.14844 1.44531Z" fill="#222631"/>
+<path d="M5.52637 8.38477V19.0703C5.52637 19.5084 5.64059 19.8452 5.86914 20.0801C6.09769 20.315 6.44378 20.4326 6.90723 20.4326H16.7344C17.0139 20.4326 17.2503 20.3882 17.4443 20.3027L18.9082 21.7666C18.4059 22.1273 17.7323 22.3086 16.8867 22.3086H6.74512C5.723 22.3086 4.95125 22.0455 4.43066 21.5186C3.91016 20.9917 3.65047 20.2138 3.65039 19.1855V6.50879L5.52637 8.38477Z" fill="#222631"/>
+<path d="M16.8867 1.69141C17.9088 1.69141 18.6806 1.95795 19.2012 2.49121C19.7218 3.01815 19.9824 3.7933 19.9824 4.81543V17.124L18.1152 15.2568V4.93848C18.1152 4.49422 18.001 4.15477 17.7725 3.91992C17.5439 3.6787 17.1978 3.55762 16.7344 3.55762H6.90723C6.744 3.55762 6.59503 3.57261 6.46094 3.60254L4.95117 2.09277C5.42346 1.82539 6.02137 1.69141 6.74512 1.69141H16.8867Z" fill="#222631"/>
+<path d="M11.127 13.9854H8.33496C8.15751 13.9853 8.01161 13.9285 7.89746 13.8145C7.78327 13.7003 7.72567 13.5604 7.72559 13.3955C7.72559 13.2241 7.78322 13.0811 7.89746 12.9668C8.01164 12.8463 8.15741 12.7862 8.33496 12.7861H9.92773L11.127 13.9854Z" fill="#222631"/>
+<path d="M15.3066 9.5293C15.4778 9.5294 15.6202 9.58615 15.7344 9.7002C15.8486 9.81445 15.9062 9.95412 15.9062 10.1191C15.9062 10.2906 15.8486 10.437 15.7344 10.5576C15.6203 10.6716 15.4777 10.7284 15.3066 10.7285H13.5869L12.3877 9.5293H15.3066Z" fill="#222631"/>
+<path d="M15.3066 6.27246C15.4778 6.27256 15.6202 6.32931 15.7344 6.44336C15.8486 6.55763 15.9062 6.70066 15.9062 6.87207C15.9062 7.03708 15.8486 7.18019 15.7344 7.30078C15.6203 7.42107 15.4777 7.48134 15.3066 7.48145H10.3398L9.13086 6.27246H15.3066Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/doc.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc.svg
new file mode 100644
index 000000000..e62b74981
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/doc.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33542 7.4814C8.15766 7.4814 8.01164 7.42109 7.89737 7.30046C7.78309 7.17984 7.72595 7.037 7.72595 6.87193C7.72595 6.70052 7.78309 6.55768 7.89737 6.4434C8.01164 6.32913 8.15766 6.27199 8.33542 6.27199H15.3062C15.4776 6.27199 15.6205 6.32913 15.7347 6.4434C15.849 6.55768 15.9061 6.70052 15.9061 6.87193C15.9061 7.037 15.849 7.17984 15.7347 7.30046C15.6205 7.42109 15.4776 7.4814 15.3062 7.4814H8.33542ZM8.33542 10.7287C8.15766 10.7287 8.01164 10.6716 7.89737 10.5573C7.78309 10.4367 7.72595 10.2907 7.72595 10.1192C7.72595 9.95418 7.78309 9.81451 7.89737 9.70024C8.01164 9.58596 8.15766 9.52883 8.33542 9.52883H15.3062C15.4776 9.52883 15.6205 9.58596 15.7347 9.70024C15.849 9.81451 15.9061 9.95418 15.9061 10.1192C15.9061 10.2907 15.849 10.4367 15.7347 10.5573C15.6205 10.6716 15.4776 10.7287 15.3062 10.7287H8.33542ZM8.33542 13.9855C8.15766 13.9855 8.01164 13.9284 7.89737 13.8141C7.78309 13.6999 7.72595 13.5602 7.72595 13.3951C7.72595 13.2237 7.78309 13.0809 7.89737 12.9666C8.01164 12.846 8.15766 12.7857 8.33542 12.7857H11.7065C11.8843 12.7857 12.0303 12.846 12.1446 12.9666C12.2589 13.0809 12.316 13.2237 12.316 13.3951C12.316 13.5602 12.2589 13.6999 12.1446 13.8141C12.0303 13.9284 11.8843 13.9855 11.7065 13.9855H8.33542ZM3.65015 19.1851V4.81498C3.65015 3.79286 3.91044 3.01833 4.43103 2.49139C4.95161 1.95811 5.72297 1.69147 6.74509 1.69147H16.887C17.9091 1.69147 18.6805 1.95811 19.2011 2.49139C19.7217 3.01833 19.9819 3.79286 19.9819 4.81498V19.1851C19.9819 20.2135 19.7217 20.9912 19.2011 21.5182C18.6805 22.0451 17.9091 22.3086 16.887 22.3086H6.74509C5.72297 22.3086 4.95161 22.0451 4.43103 21.5182C3.91044 20.9912 3.65015 20.2135 3.65015 19.1851ZM5.52616 19.0708C5.52616 19.5088 5.64044 19.8453 5.86899 20.0802C6.09754 20.3151 6.44353 20.4326 6.90698 20.4326H16.7346C17.1981 20.4326 17.5441 20.3151 17.7726 20.0802C18.0012 19.8453 18.1155 19.5088 18.1155 19.0708V4.93878C18.1155 4.49438 18.0012 4.15473 17.7726 3.91983C17.5441 3.67858 17.1981 3.55796 16.7346 3.55796H6.90698C6.44353 3.55796 6.09754 3.67858 5.86899 3.91983C5.64044 4.15473 5.52616 4.49438 5.52616 4.93878V19.0708Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/dock_to_left.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/dock_to_left.svg
new file mode 100644
index 000000000..905a1059b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/dock_to_left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM16 19H19V5H16V19ZM14 19V5H5V19H14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/domain.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/domain.svg
new file mode 100644
index 000000000..db36864b7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/domain.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 21V3H12V7H22V21H2ZM4 19H6V17H4V19ZM4 15H6V13H4V15ZM4 11H6V9H4V11ZM4 7H6V5H4V7ZM8 19H10V17H8V19ZM8 15H10V13H8V15ZM8 11H10V9H8V11ZM8 7H10V5H8V7ZM12 19H20V9H12V11H14V13H12V15H14V17H12V19ZM16 13V11H18V13H16ZM16 17V15H18V17H16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/download.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/download.svg
new file mode 100644
index 000000000..fd69ae9e0
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/download.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z"
+    fill="currentColor"
+  />
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/draft.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/draft.svg
new file mode 100644
index 000000000..3953525df
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/draft.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/drag_indicator.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/drag_indicator.svg
new file mode 100644
index 000000000..3eb88eb4e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/drag_indicator.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/drive-alert.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/drive-alert.svg
new file mode 100644
index 000000000..00b1443c9
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/drive-alert.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2607 11.5225C18.9108 11.5225 19.5214 11.6444 20.0918 11.8896C20.6623 12.135 21.166 12.4756 21.6016 12.9111C22.0371 13.3467 22.3777 13.853 22.623 14.4297C22.8745 15.0001 23 15.6106 23 16.2607C23 16.9047 22.8744 17.5153 22.623 18.0918C22.3777 18.6623 22.0335 19.166 21.5918 19.6016C21.1564 20.0369 20.6506 20.3777 20.0742 20.623C19.5037 20.8746 18.8987 21 18.2607 21C17.6106 21 17.0001 20.8772 16.4297 20.6318C15.8593 20.3865 15.3564 20.0431 14.9209 19.6016C14.4853 19.166 14.1448 18.6623 13.8994 18.0918C13.648 17.5214 13.5225 16.9109 13.5225 16.2607C13.5225 15.6106 13.6479 15.0001 13.8994 14.4297C14.1448 13.8592 14.4854 13.3564 14.9209 12.9209C15.3565 12.4792 15.8592 12.135 16.4297 11.8896C17.0001 11.6443 17.6106 11.5225 18.2607 11.5225ZM18.2422 17.6777C18.0093 17.6778 17.81 17.7577 17.6445 17.917C17.4789 18.0765 17.3965 18.2764 17.3965 18.5156C17.3965 18.7487 17.4789 18.945 17.6445 19.1045C17.8101 19.2639 18.0093 19.3437 18.2422 19.3438C18.4813 19.3438 18.684 19.2639 18.8496 19.1045C19.0152 18.945 19.0986 18.7487 19.0986 18.5156C19.0986 18.2825 19.0152 18.0863 18.8496 17.9268C18.6901 17.7612 18.4875 17.6777 18.2422 17.6777ZM18.252 13.1504C18.0311 13.1504 17.8527 13.2149 17.7178 13.3438C17.5891 13.4725 17.5282 13.6413 17.5342 13.8496L17.6172 16.4541C17.6233 16.6319 17.6844 16.779 17.8008 16.8955C17.9173 17.0059 18.0679 17.0615 18.252 17.0615C18.4298 17.0615 18.5768 17.0059 18.6934 16.8955C18.8098 16.779 18.8745 16.6319 18.8867 16.4541L18.96 13.8496C18.966 13.6413 18.9023 13.4725 18.7676 13.3438C18.6388 13.215 18.4666 13.1504 18.252 13.1504Z" fill="#222631"/>
+<path d="M15.7139 3.94336C16.5558 3.94337 17.2827 4.13686 17.8945 4.52441C18.5125 4.90612 18.9826 5.47332 19.3037 6.22461L21.2373 10.7822C21.0587 10.6842 20.8749 10.5942 20.6855 10.5127C20.1607 10.287 19.6134 10.1412 19.0498 10.0713L17.6494 6.62402C17.4919 6.23028 17.2435 5.93331 16.9043 5.7334C16.565 5.53349 16.1591 5.43359 15.6865 5.43359H8.18848C7.716 5.43363 7.30994 5.53349 6.9707 5.7334C6.63148 5.93333 6.3831 6.23028 6.22559 6.62402L4.24414 11.4775C4.43196 11.4109 4.62623 11.3623 4.82617 11.332C5.0261 11.2957 5.2323 11.2773 5.44434 11.2773H14.5244C14.291 11.4547 14.0694 11.649 13.8604 11.8604C13.5124 12.2083 13.2111 12.5904 12.9561 13.0039H5.44434C4.89904 13.0039 4.41981 13.1166 4.00781 13.3408C3.60209 13.5589 3.28386 13.8587 3.05371 14.2402C2.82961 14.6219 2.71777 15.0554 2.71777 15.54C2.71782 16.0307 2.82959 16.467 3.05371 16.8486C3.28389 17.2241 3.60204 17.5239 4.00781 17.748C4.41981 17.9662 4.89904 18.0752 5.44434 18.0752H12.2949C12.3593 18.2811 12.4349 18.4848 12.5225 18.6846L12.5215 18.6855C12.6918 19.0814 12.8993 19.4535 13.1416 19.8018H5.44434C4.57205 19.8018 3.79938 19.6175 3.12695 19.248C2.46048 18.8785 1.93639 18.3717 1.55469 17.7295C1.17917 17.0813 0.991262 16.3517 0.991211 15.54C0.991211 15.1644 1.03979 14.8098 1.13672 14.4766C1.23366 14.1433 1.34542 13.8217 1.47266 13.5127L4.57129 6.22461C4.89241 5.47332 5.35974 4.90612 5.97168 4.52441C6.58949 4.13691 7.31932 3.94341 8.16113 3.94336H15.7139Z" fill="#222631"/>
+<path d="M5.43555 14.3672C5.75059 14.3672 6.02368 14.4854 6.25391 14.7217C6.49007 14.9519 6.60742 15.2251 6.60742 15.54C6.60734 15.867 6.49001 16.1459 6.25391 16.376C6.02368 16.6001 5.75059 16.7119 5.43555 16.7119C5.11452 16.7119 4.83586 16.6 4.59961 16.376C4.36339 16.1519 4.2452 15.8731 4.24512 15.54C4.24512 15.225 4.36332 14.9519 4.59961 14.7217C4.83587 14.4855 5.1145 14.3672 5.43555 14.3672Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/drive.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/drive.svg
new file mode 100644
index 000000000..a4b233005
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/drive.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.990906 15.5398C0.990906 15.1642 1.03938 14.8097 1.13632 14.4765C1.23326 14.1433 1.34535 13.8222 1.47258 13.5132L4.57167 6.22438C4.89279 5.47309 5.35932 4.90659 5.97126 4.52488C6.58926 4.13712 7.31935 3.94324 8.16153 3.94324H15.7139C16.556 3.94324 17.2831 4.13712 17.895 4.52488C18.513 4.90659 18.9826 5.47309 19.3037 6.22438L22.4119 13.5495C22.5391 13.8524 22.6482 14.1705 22.7391 14.5038C22.8299 14.8309 22.8754 15.1763 22.8754 15.5398C22.8754 16.3517 22.6845 17.0818 22.3028 17.7301C21.9272 18.3723 21.4031 18.8782 20.7306 19.2478C20.0641 19.6174 19.2946 19.8022 18.4221 19.8022H5.44414C4.57167 19.8022 3.79917 19.6174 3.12664 19.2478C2.46017 18.8782 1.93608 18.3723 1.55438 17.7301C1.17873 17.0818 0.990906 16.3517 0.990906 15.5398ZM2.71767 15.5398C2.71767 16.0306 2.82976 16.4668 3.05394 16.8485C3.28417 17.2242 3.60226 17.5241 4.0082 17.7483C4.4202 17.9664 4.89885 18.0754 5.44414 18.0754H18.4221C18.9735 18.0754 19.4521 17.9755 19.8581 17.7755C20.2701 17.5756 20.5882 17.2878 20.8124 16.9122C21.0365 16.5365 21.1486 16.0791 21.1486 15.5398C21.1486 15.0551 21.0365 14.6219 20.8124 14.2402C20.5882 13.8585 20.2701 13.5586 19.8581 13.3405C19.4521 13.1163 18.9735 13.0042 18.4221 13.0042H5.44414C4.89885 13.0042 4.4202 13.1163 4.0082 13.3405C3.60226 13.5586 3.28417 13.8585 3.05394 14.2402C2.82976 14.6219 2.71767 15.0551 2.71767 15.5398ZM4.24449 11.4774C4.43232 11.4107 4.6262 11.3623 4.82614 11.332C5.02608 11.2956 5.23208 11.2774 5.44414 11.2774H18.4221C18.6403 11.2774 18.8493 11.2956 19.0492 11.332C19.2492 11.3623 19.44 11.4107 19.6218 11.4774L17.6496 6.62427C17.4921 6.23044 17.2437 5.93356 16.9044 5.73362C16.5651 5.53368 16.1592 5.43371 15.6866 5.43371H8.18879C7.7162 5.43371 7.31026 5.53368 6.97097 5.73362C6.63167 5.93356 6.38326 6.23044 6.22573 6.62427L4.24449 11.4774ZM4.245 15.5398C4.245 15.2248 4.36315 14.9521 4.59944 14.7219C4.83574 14.4856 5.11444 14.3674 5.43556 14.3674C5.75062 14.3674 6.02327 14.4856 6.2535 14.7219C6.4898 14.9521 6.60794 15.2248 6.60794 15.5398C6.60794 15.867 6.4898 16.1457 6.2535 16.3759C6.02327 16.6001 5.75062 16.7122 5.43556 16.7122C5.11444 16.7122 4.83574 16.6001 4.59944 16.3759C4.36315 16.1518 4.245 15.8731 4.245 15.5398Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/drive_folder_upload.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/drive_folder_upload.svg
new file mode 100644
index 000000000..b5a881b27
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/drive_folder_upload.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 17H13V12.8L14.6 14.4L16 13L12 9L8 13L9.4 14.4L11 12.8V17ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H10L12 6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H11.175L9.175 6H4V18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/eco-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/eco-filled.svg
new file mode 100644
index 000000000..57c423510
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/eco-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.25 22C10.7 22 10.1458 21.9375 9.5875 21.8125C9.02917 21.6875 8.45833 21.5083 7.875 21.275C8.075 19.2583 8.65833 17.375 9.625 15.625C10.5917 13.875 11.8333 12.3333 13.35 11C11.5167 11.9333 9.92917 13.1667 8.5875 14.7C7.24583 16.2333 6.30833 17.9833 5.775 19.95C5.70833 19.9 5.64583 19.8458 5.5875 19.7875L5.4 19.6C4.61667 18.8167 4.02083 17.9417 3.6125 16.975C3.20417 16.0083 3 15 3 13.95C3 12.8167 3.225 11.7333 3.675 10.7C4.125 9.66667 4.75 8.75 5.55 7.95C6.9 6.6 8.65 5.72083 10.8 5.3125C12.95 4.90417 15.9667 4.86667 19.85 5.2C20.15 9.18333 20.1 12.2208 19.7 14.3125C19.3 16.4042 18.4333 18.1167 17.1 19.45C16.2833 20.2667 15.3708 20.8958 14.3625 21.3375C13.3542 21.7792 12.3167 22 11.25 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/edit.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/edit.svg
new file mode 100644
index 000000000..6abbec6a7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/edit.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 19H6.425L16.2 9.225L14.775 7.8L5 17.575V19ZM3 21V16.75L16.2 3.575C16.4 3.39167 16.6208 3.25 16.8625 3.15C17.1042 3.05 17.3583 3 17.625 3C17.8917 3 18.15 3.05 18.4 3.15C18.65 3.25 18.8667 3.4 19.05 3.6L20.425 5C20.625 5.18333 20.7708 5.4 20.8625 5.65C20.9542 5.9 21 6.15 21 6.4C21 6.66667 20.9542 6.92083 20.8625 7.1625C20.7708 7.40417 20.625 7.625 20.425 7.825L7.25 21H3ZM15.475 8.525L14.775 7.8L16.2 9.225L15.475 8.525Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/edit_off.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/edit_off.svg
new file mode 100644
index 000000000..34cc699fc
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/edit_off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.55 12.675L14.15 11.275L16.2 9.22502L14.775 7.80002L12.725 9.85002L11.325 8.45002L16.2 3.57502C16.4 3.37502 16.6208 3.22919 16.8625 3.13752C17.1042 3.04586 17.3583 3.00002 17.625 3.00002C17.8917 3.00002 18.15 3.05002 18.4 3.15002C18.65 3.25002 18.8667 3.40002 19.05 3.60002L20.425 5.00002C20.625 5.18336 20.7708 5.40002 20.8625 5.65002C20.9542 5.90002 21 6.15002 21 6.40002C21 6.66669 20.9542 6.92086 20.8625 7.16252C20.7708 7.40419 20.625 7.62502 20.425 7.82502L15.55 12.675ZM4.99999 19H6.42499L11.3 14.125L10.6 13.4L9.87499 12.7L4.99999 17.575V19ZM19.8 22.6L12.725 15.55L7.24999 21H2.99999V16.775L8.47499 11.3L1.39999 4.20002L2.82499 2.77502L21.225 21.175L19.8 22.6ZM10.6 13.4L9.87499 12.7L11.3 14.125L10.6 13.4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/empty.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/empty.svg
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/error.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/error.svg
new file mode 100644
index 000000000..3c7f2638b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/error.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/euro-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/euro-filled.svg
new file mode 100644
index 000000000..2c2dae17b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/euro-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.54004C13.4245 1.54005 14.7604 1.80664 16.0068 2.34082C17.2532 2.875 18.348 3.61778 19.291 4.56738C20.2339 5.51037 20.9727 6.60529 21.5068 7.85156C22.0475 9.09783 22.3174 10.4331 22.3174 11.8574C22.3174 13.2819 22.0476 14.6178 21.5068 15.8643C20.9727 17.1041 20.234 18.1956 19.291 19.1387C18.348 20.0882 17.2531 20.8301 16.0068 21.3643C14.7604 21.905 13.4245 22.1758 12 22.1758C10.5755 22.1758 9.23961 21.905 7.99316 21.3643C6.74686 20.8301 5.64881 20.0883 4.69922 19.1387C3.75617 18.1956 3.01759 17.1041 2.4834 15.8643C1.94921 14.6178 1.68164 13.2819 1.68164 11.8574C1.68167 10.4331 1.94932 9.09786 2.4834 7.85156C3.01754 6.60524 3.75627 5.5104 4.69922 4.56738C5.64885 3.61775 6.74679 2.87501 7.99316 2.34082C9.23961 1.80663 10.5755 1.54004 12 1.54004ZM13.2861 7.28711C12.5212 7.28711 11.8121 7.40933 11.1592 7.65332C10.5129 7.89733 9.96506 8.2671 9.5166 8.76172C9.06839 9.25622 8.7647 9.88571 8.60645 10.6504H7.58789C7.50217 10.6504 7.42947 10.6809 7.37012 10.7402C7.31095 10.7995 7.28125 10.8756 7.28125 10.9678C7.28135 11.0532 7.31105 11.1254 7.37012 11.1846C7.42947 11.2439 7.50217 11.2744 7.58789 11.2744H8.51758C8.511 11.36 8.50463 11.4489 8.49805 11.541V12.1055C8.50463 12.1976 8.511 12.2865 8.51758 12.3721H7.58789C7.50217 12.3721 7.42947 12.4016 7.37012 12.4609C7.3108 12.5203 7.28128 12.5962 7.28125 12.6885C7.28125 12.7676 7.31082 12.8403 7.37012 12.9062C7.42947 12.9656 7.50217 12.9951 7.58789 12.9951H8.61719C8.84141 14.0767 9.36513 14.9079 10.1895 15.4883C11.0138 16.062 12.0399 16.3486 13.2666 16.3486C13.4378 16.3486 13.6123 16.3391 13.79 16.3193C13.9746 16.2996 14.1465 16.2668 14.3047 16.2207C14.4695 16.1679 14.6086 16.0921 14.7207 15.9932C14.8328 15.8877 14.8886 15.7422 14.8887 15.5576C14.8887 15.3466 14.8192 15.1949 14.6807 15.1025C14.5422 15.0036 14.3673 14.9541 14.1562 14.9541C14.0377 14.9541 13.9385 14.9605 13.8594 14.9736C13.7868 14.9868 13.6749 14.9932 13.5234 14.9932C12.6727 14.9932 11.97 14.8256 11.416 14.4893C10.8621 14.1463 10.4859 13.648 10.2881 12.9951H13.2559C13.3415 12.9951 13.4143 12.9655 13.4736 12.9062C13.5396 12.8403 13.5732 12.7676 13.5732 12.6885C13.5732 12.5962 13.5395 12.5203 13.4736 12.4609C13.4143 12.4017 13.3415 12.3721 13.2559 12.3721H10.1504C10.1438 12.2865 10.1365 12.1976 10.1299 12.1055V11.541C10.1365 11.4488 10.1438 11.36 10.1504 11.2744H13.2559C13.3416 11.2744 13.4143 11.2439 13.4736 11.1846C13.5394 11.1253 13.5731 11.0533 13.5732 10.9678C13.5732 10.8755 13.5396 10.7996 13.4736 10.7402C13.4143 10.6809 13.3416 10.6504 13.2559 10.6504H10.2881C10.4794 10.0042 10.846 9.50989 11.3867 9.16699C11.9341 8.82407 12.6463 8.65234 13.5234 8.65234C13.6487 8.65235 13.7678 8.65869 13.8799 8.67188C13.9917 8.67845 14.087 8.68261 14.166 8.68262C14.3769 8.68262 14.5488 8.63297 14.6807 8.53418C14.8191 8.43533 14.8886 8.28014 14.8887 8.06934C14.8887 7.89791 14.8359 7.75883 14.7305 7.65332C14.6315 7.54121 14.4893 7.45584 14.3047 7.39648C14.1596 7.35694 14.0015 7.33057 13.8301 7.31738C13.6587 7.2976 13.4773 7.28712 13.2861 7.28711Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/event_list.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/event_list.svg
new file mode 100644
index 000000000..0d420e14d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/event_list.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 3C8.55 3 9.02083 3.19583 9.4125 3.5875C9.80417 3.97917 10 4.45 10 5V9C10 9.55 9.80417 10.0208 9.4125 10.4125C9.02083 10.8042 8.55 11 8 11H4C3.45 11 2.97917 10.8042 2.5875 10.4125C2.19583 10.0208 2 9.55 2 9V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H8ZM8 5H4V9H8V5ZM22 6V8H13V6H22ZM8 13C8.55 13 9.02083 13.1958 9.4125 13.5875C9.80417 13.9792 10 14.45 10 15V19C10 19.55 9.80417 20.0208 9.4125 20.4125C9.02083 20.8042 8.55 21 8 21H4C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V15C2 14.45 2.19583 13.9792 2.5875 13.5875C2.97917 13.1958 3.45 13 4 13H8ZM8 15H4V19H8V15ZM22 16V18H13V16H22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/exclamation.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/exclamation.svg
new file mode 100644
index 000000000..7836a871c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/exclamation.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 14V5H13V14H11ZM11 19V17H13V19H11Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/exit_to_app.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/exit_to_app.svg
new file mode 100644
index 000000000..9b69e752b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/exit_to_app.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V15H5V19H19V5H5V9H3V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM10.5 17L9.1 15.55L11.65 13H3V11H11.65L9.1 8.45L10.5 7L15.5 12L10.5 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/expand.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/expand.svg
new file mode 100644
index 000000000..94bd2b22f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/expand.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 4H4L4 20H2L2 4ZM5 12L9 8L10.4 9.4L8.85 11H15.15L13.6 9.4L15 8L19 12L15 16L13.6 14.6L15.15 13H8.85L10.4 14.6L9 16L5 12ZM20 4H22V20H20V4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/face-remove.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/face-remove.svg
new file mode 100644
index 000000000..3c73f765a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/face-remove.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9951 1.78125C13.4064 1.78126 14.7287 2.04471 15.9619 2.57227C17.2018 3.09986 18.2901 3.83207 19.2266 4.76855C20.163 5.70504 20.8953 6.79336 21.4229 8.0332C21.7574 8.80552 21.9863 9.61293 22.1113 10.4551C21.4263 10.0815 20.6721 9.81952 19.873 9.69141C19.7863 9.39337 19.6845 9.10037 19.5625 8.81445C19.1404 7.81873 18.5503 6.94828 17.792 6.20312C17.0402 5.45136 16.1698 4.86445 15.1807 4.44238C14.1914 4.01372 13.1294 3.79883 11.9951 3.79883C10.8674 3.79883 9.80541 4.01371 8.80957 4.44238C7.82042 4.86445 6.95001 5.45136 6.19824 6.20312C5.44649 6.94828 4.8564 7.81874 4.42773 8.81445C4.00566 9.80369 3.79395 10.8657 3.79395 12C3.79395 13.1343 4.00566 14.1963 4.42773 15.1855C4.8564 16.1747 5.44649 17.0451 6.19824 17.7969C6.95001 18.5486 7.82041 19.1355 8.80957 19.5576C9.80541 19.9863 10.8674 20.2012 11.9951 20.2012C12.2284 20.2012 12.4584 20.189 12.6855 20.1709C13.0874 20.8575 13.6024 21.4691 14.2051 21.9814C13.4942 22.1375 12.758 22.2187 11.9951 22.2188C10.5839 22.2188 9.26151 21.9521 8.02832 21.418C6.79507 20.8904 5.70992 20.1582 4.77344 19.2217C3.83695 18.2918 3.10157 17.2098 2.56738 15.9766C2.03986 14.7368 1.77637 13.4112 1.77637 12C1.77637 10.5887 2.03982 9.26642 2.56738 8.0332C3.10157 6.79337 3.83697 5.70503 4.77344 4.76855C5.70992 3.83207 6.79506 3.09986 8.02832 2.57227C9.26152 2.04472 10.5839 1.78125 11.9951 1.78125Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7275 11.6094C19.3896 11.6094 20.0334 11.7355 20.6582 11.9873C21.2829 12.2298 21.8427 12.5986 22.3369 13.0928C22.8262 13.5822 23.1921 14.1391 23.4346 14.7637C23.6864 15.3886 23.8103 16.0353 23.8057 16.7021C23.8056 17.3642 23.6795 18.0081 23.4277 18.6328C23.1853 19.2574 22.8216 19.8121 22.3369 20.2969C21.8427 20.7911 21.2851 21.162 20.665 21.4092C20.0449 21.6563 19.4012 21.7781 18.7344 21.7734C18.0722 21.7734 17.4286 21.6516 16.8037 21.4092C16.1835 21.162 15.6262 20.7912 15.1318 20.2969C14.6376 19.8026 14.2667 19.2452 14.0195 18.625C13.7771 18.0002 13.6562 17.3564 13.6562 16.6943C13.6516 16.0276 13.7724 15.3838 14.0195 14.7637C14.2667 14.1437 14.6377 13.5869 15.1318 13.0928C15.6262 12.5985 16.1835 12.2276 16.8037 11.9805C17.4239 11.7333 18.0654 11.6094 18.7275 11.6094ZM20.5391 14.2041C20.362 14.2041 20.2033 14.2744 20.0635 14.4141L18.7344 15.7432L17.4053 14.4141C17.2655 14.2743 17.1068 14.2042 16.9297 14.2041C16.7573 14.1994 16.5986 14.2697 16.4541 14.4141C16.3095 14.5586 16.2373 14.7203 16.2373 14.8975C16.2421 15.0698 16.3144 15.2255 16.4541 15.3652L17.7832 16.6943L16.4541 18.0234C16.3143 18.1632 16.2443 18.322 16.2441 18.499C16.2395 18.6716 16.3095 18.831 16.4541 18.9756C16.5986 19.1199 16.7595 19.1924 16.9365 19.1924C17.109 19.1877 17.2654 19.1154 17.4053 18.9756L18.7344 17.6465L20.0635 18.9756C20.2033 19.1152 20.3598 19.1877 20.5322 19.1924C20.7092 19.1923 20.8702 19.1199 21.0146 18.9756C21.1592 18.831 21.2293 18.6716 21.2246 18.499C21.2245 18.322 21.1544 18.1632 21.0146 18.0234L19.6855 16.6943L21.0146 15.3652C21.1542 15.2255 21.2267 15.0697 21.2314 14.8975C21.2314 14.7203 21.1592 14.5586 21.0146 14.4141C20.8702 14.2696 20.7115 14.1995 20.5391 14.2041Z" fill="#222631"/>
+<path d="M8.66113 14.582C8.75998 14.5293 8.86552 14.5294 8.97754 14.582C9.34026 14.7733 9.7532 14.9577 10.2148 15.1357C10.6439 15.3012 11.1838 15.3887 11.835 15.4004C11.7647 15.799 11.7266 16.2092 11.7266 16.6279C11.7266 16.706 11.7289 16.7838 11.7314 16.8613C11.1487 16.8346 10.6266 16.7145 10.165 16.501C9.6441 16.2504 9.23841 15.9637 8.94824 15.6406C8.66466 15.3175 8.52246 15.0467 8.52246 14.8291C8.5225 14.7106 8.56897 14.6282 8.66113 14.582Z" fill="#222631"/>
+<path d="M9.06738 8.41895C9.37708 8.41908 9.65044 8.54774 9.8877 8.80469C10.1251 9.0553 10.2441 9.37555 10.2441 9.76465C10.2441 10.1602 10.125 10.4829 9.8877 10.7334C9.6504 10.9839 9.37715 11.1092 9.06738 11.1094C8.75742 11.1094 8.48668 10.984 8.25586 10.7334C8.03178 10.4829 7.91901 10.1601 7.91895 9.76465C7.91895 9.37555 8.03163 9.0553 8.25586 8.80469C8.48666 8.54755 8.75746 8.41895 9.06738 8.41895Z" fill="#222631"/>
+<path d="M14.9033 8.41895C15.2133 8.41895 15.4872 8.54748 15.7246 8.80469C15.962 9.0553 16.0811 9.37555 16.0811 9.76465C16.081 9.90025 16.065 10.0269 16.0371 10.1455C15.4876 10.376 14.9739 10.6746 14.5059 11.0303C14.3565 10.9681 14.2177 10.87 14.0918 10.7334C13.8679 10.4829 13.7559 10.16 13.7559 9.76465C13.7559 9.37565 13.8677 9.05527 14.0918 8.80469C14.3226 8.54752 14.5934 8.41898 14.9033 8.41895Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/face.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/face.svg
new file mode 100644
index 000000000..7a8449185
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/face.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9951 22.2189C10.5838 22.2189 9.26146 21.9518 8.02821 21.4176C6.79495 20.89 5.71008 20.158 4.77359 19.2215C3.83711 18.2916 3.10177 17.21 2.56758 15.9768C2.03998 14.7369 1.77618 13.4113 1.77618 12C1.77618 10.5887 2.03998 9.26641 2.56758 8.03315C3.10177 6.7933 3.83711 5.70513 4.77359 4.76865C5.71008 3.83216 6.79495 3.10012 8.02821 2.57252C9.26146 2.04493 10.5838 1.78113 11.9951 1.78113C13.4064 1.78113 14.7287 2.04493 15.9619 2.57252C17.2018 3.10012 18.29 3.83216 19.2264 4.76865C20.1629 5.70513 20.895 6.7933 21.4226 8.03315C21.9568 9.26641 22.2239 10.5887 22.2239 12C22.2239 13.4113 21.9568 14.7369 21.4226 15.9768C20.895 17.21 20.1629 18.2916 19.2264 19.2215C18.29 20.158 17.2018 20.89 15.9619 21.4176C14.7287 21.9518 13.4064 22.2189 11.9951 22.2189ZM11.9951 20.2009C13.1294 20.2009 14.1912 19.9865 15.1804 19.5578C16.1697 19.1358 17.0402 18.5488 17.792 17.797C18.5505 17.0452 19.1407 16.1746 19.5628 15.1854C19.9849 14.1961 20.1959 13.1344 20.1959 12C20.1959 10.8657 19.9849 9.8039 19.5628 8.81465C19.1407 7.81881 18.5505 6.94828 17.792 6.20305C17.0402 5.45122 16.1697 4.86427 15.1804 4.44219C14.1912 4.01352 13.1294 3.79919 11.9951 3.79919C10.8673 3.79919 9.80555 4.01352 8.80971 4.44219C7.82047 4.86427 6.94993 5.45122 6.19811 6.20305C5.44628 6.94828 4.85603 7.81881 4.42736 8.81465C4.00528 9.8039 3.79424 10.8657 3.79424 12C3.79424 13.1344 4.00528 14.1961 4.42736 15.1854C4.85603 16.1746 5.44628 17.0452 6.19811 17.797C6.94993 18.5488 7.82047 19.1358 8.80971 19.5578C9.80555 19.9865 10.8673 20.2009 11.9951 20.2009ZM11.9852 16.8671C11.2993 16.8671 10.6926 16.7451 10.165 16.5011C9.64397 16.2505 9.23838 15.9636 8.9482 15.6404C8.66462 15.3173 8.52283 15.0469 8.52283 14.8293C8.52283 14.7105 8.56899 14.6281 8.66132 14.5819C8.76025 14.5292 8.86577 14.5292 8.97788 14.5819C9.3406 14.7732 9.75279 14.9579 10.2144 15.1359C10.6761 15.314 11.2663 15.403 11.9852 15.403C12.704 15.403 13.2943 15.314 13.7559 15.1359C14.2242 14.9579 14.6364 14.7732 14.9925 14.5819C15.1046 14.5292 15.2101 14.5292 15.309 14.5819C15.408 14.6281 15.4574 14.7105 15.4574 14.8293C15.4574 15.0469 15.3123 15.3173 15.0222 15.6404C14.732 15.9636 14.3264 16.2505 13.8054 16.5011C13.2844 16.7451 12.6777 16.8671 11.9852 16.8671ZM9.06691 11.1097C8.75695 11.1097 8.48656 10.9844 8.25573 10.7338C8.0315 10.4832 7.91939 10.16 7.91939 9.76433C7.91939 9.37523 8.0315 9.05537 8.25573 8.80476C8.48656 8.54756 8.75695 8.41896 9.06691 8.41896C9.37688 8.41896 9.65057 8.54756 9.88799 8.80476C10.1254 9.05537 10.2441 9.37523 10.2441 9.76433C10.2441 10.16 10.1254 10.4832 9.88799 10.7338C9.65057 10.9844 9.37688 11.1097 9.06691 11.1097ZM14.9035 11.1097C14.5935 11.1097 14.3231 10.9844 14.0923 10.7338C13.868 10.4832 13.7559 10.16 13.7559 9.76433C13.7559 9.37523 13.868 9.05537 14.0923 8.80476C14.3231 8.54756 14.5935 8.41896 14.9035 8.41896C15.2134 8.41896 15.4871 8.54756 15.7245 8.80476C15.9619 9.05537 16.0807 9.37523 16.0807 9.76433C16.0807 10.16 15.9619 10.4832 15.7245 10.7338C15.4871 10.9844 15.2134 11.1097 14.9035 11.1097Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/fast-backward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/fast-backward.svg
new file mode 100644
index 000000000..84001bab7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/fast-backward.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2246 1.46151C13.3809 1.4555 13.5073 1.50941 13.6035 1.62362C13.6997 1.73187 13.748 1.89721 13.748 2.11972V3.33944C14.3718 3.46113 14.9736 3.64622 15.5527 3.89706C16.6834 4.37823 17.6762 5.04594 18.5303 5.89999C19.3843 6.74801 20.0511 7.73807 20.5322 8.86874C21.0193 9.99337 21.2636 11.1989 21.2637 12.4859C21.2637 13.7731 21.0194 14.9793 20.5322 16.1041C20.0511 17.2285 19.3841 18.2179 18.5303 19.0719C17.6763 19.9259 16.6834 20.5936 15.5527 21.0748C14.428 21.562 13.2217 21.8062 11.9346 21.8062C10.6475 21.8062 9.44112 21.562 8.31641 21.0748C7.19186 20.5936 6.20259 19.9258 5.34863 19.0719C4.49467 18.2179 3.82407 17.2287 3.33691 16.1041C2.85574 14.9793 2.61523 13.7731 2.61523 12.4859C2.61525 11.4996 2.76194 10.5551 3.05664 9.65292C3.35136 8.75077 3.77023 7.91772 4.31152 7.15389C4.85881 6.39017 5.50527 5.72227 6.25098 5.15097C6.48549 4.9466 6.73543 4.86293 7 4.89901C7.26445 4.92916 7.47178 5.04618 7.62207 5.25057C7.78436 5.479 7.83817 5.71325 7.78418 5.9537C7.73007 6.19418 7.59527 6.40515 7.37891 6.58554C6.78957 7.03656 6.27496 7.56885 5.83594 8.18222C5.39694 8.7896 5.05699 9.4575 4.81641 10.1851C4.57584 10.9068 4.4551 11.674 4.45508 12.4859C4.45508 13.5205 4.64826 14.489 5.0332 15.3912C5.42412 16.2933 5.96189 17.0874 6.64746 17.773C7.33303 18.4586 8.12727 18.9936 9.0293 19.3785C9.93748 19.7694 10.9061 19.9654 11.9346 19.9654C12.9691 19.9654 13.9376 19.7695 14.8398 19.3785C15.742 18.9936 16.5361 18.4587 17.2217 17.773C17.9134 17.0874 18.452 16.2934 18.8369 15.3912C19.2218 14.489 19.4141 13.5204 19.4141 12.4859C19.414 11.4515 19.2218 10.4828 18.8369 9.58065C18.452 8.67251 17.9133 7.87843 17.2217 7.19882C16.5361 6.51324 15.742 5.97826 14.8398 5.59335C14.4861 5.44008 14.1221 5.31739 13.748 5.22421V6.39608C13.748 6.61259 13.6997 6.7779 13.6035 6.89218C13.5073 7.00044 13.381 7.05526 13.2246 7.05526C13.0744 7.0492 12.9152 6.98583 12.7471 6.86581L9.82324 4.77206C9.62507 4.62784 9.52273 4.45662 9.5166 4.25839C9.5166 4.05996 9.61887 3.88806 9.82324 3.74374L12.7373 1.6412C12.9056 1.52698 13.0683 1.46758 13.2246 1.46151Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0996 9.05819C14.689 9.05819 15.1617 9.23187 15.5166 9.58065C15.8715 9.92349 16.1268 10.3693 16.2832 10.9166C16.4395 11.4578 16.5176 12.0263 16.5176 12.6217C16.5176 13.0666 16.4757 13.5024 16.3916 13.9293C16.3074 14.3563 16.169 14.7417 15.9766 15.0846C15.7901 15.4213 15.5403 15.6916 15.2275 15.8961C14.9208 16.0946 14.5447 16.1939 14.0996 16.1939C13.5105 16.1939 13.0384 16.0229 12.6836 15.6803C12.3287 15.3314 12.0734 14.8829 11.917 14.3355C11.7606 13.7883 11.6817 13.217 11.6816 12.6217C11.6816 12.1766 11.7244 11.7429 11.8086 11.3219C11.8928 10.901 12.0285 10.5191 12.2148 10.1764C12.4072 9.8338 12.6564 9.56324 12.9629 9.36483C13.2756 9.16039 13.6547 9.05825 14.0996 9.05819ZM14.0996 10.1676C13.8652 10.1677 13.6727 10.2727 13.5225 10.483C13.3721 10.6875 13.2579 10.9764 13.1797 11.3492C13.1015 11.7221 13.0625 12.1465 13.0625 12.6217C13.0625 13.1028 13.1015 13.5301 13.1797 13.9029C13.2579 14.2756 13.3722 14.5702 13.5225 14.7867C13.6727 14.9971 13.8652 15.102 14.0996 15.1021C14.3282 15.1021 14.5214 14.9972 14.6777 14.7867C14.834 14.5702 14.9483 14.2756 15.0205 13.9029C15.0987 13.5301 15.1377 13.1028 15.1377 12.6217C15.1377 12.1465 15.0987 11.7249 15.0205 11.358C14.9423 10.9852 14.8243 10.6935 14.668 10.483C14.5176 10.2727 14.328 10.1676 14.0996 10.1676Z" fill="#222631"/>
+<path d="M9.44434 9.12948C9.69094 9.12948 9.88412 9.19638 10.0225 9.3287C10.1666 9.46101 10.2383 9.65067 10.2383 9.89706V15.4185C10.2382 15.6227 10.1786 15.794 10.0586 15.9322C9.9383 16.0706 9.76926 16.1402 9.55273 16.1402C9.3424 16.1402 9.17689 16.0741 9.05664 15.942C8.9364 15.8037 8.87603 15.6289 8.87598 15.4185V10.5191H8.84961L8.03711 11.1324C7.97708 11.1684 7.92025 11.1992 7.86621 11.2232C7.81814 11.2473 7.75762 11.2593 7.68555 11.2594C7.55322 11.2594 7.44178 11.2138 7.35156 11.1236C7.26145 11.0275 7.21589 10.9074 7.21582 10.7633C7.21582 10.5589 7.31542 10.3814 7.51367 10.231L8.46094 9.53573C8.61714 9.41558 8.7707 9.31979 8.9209 9.24764C9.07721 9.16949 9.25198 9.12952 9.44434 9.12948Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/fast-forward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/fast-forward.svg
new file mode 100644
index 000000000..15bf82ddb
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/fast-forward.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6445 1.46151C10.8009 1.46753 10.9635 1.52698 11.1318 1.6412L14.0459 3.74374C14.2504 3.88809 14.3525 4.05991 14.3525 4.25839C14.3524 4.45667 14.2502 4.62782 14.0459 4.77206L11.1318 6.86581C10.9575 6.98605 10.7949 7.04925 10.6445 7.05526C10.4942 7.05526 10.3679 7.00044 10.2656 6.89218C10.1695 6.7779 10.1211 6.61251 10.1211 6.39608V5.22616C9.74775 5.31916 9.38344 5.4409 9.0293 5.59335C8.12722 5.97827 7.33306 6.51323 6.64746 7.19882C5.9619 7.87837 5.42414 8.67262 5.0332 9.58065C4.64829 10.4828 4.4551 11.4515 4.45508 12.4859C4.45508 13.5205 4.64826 14.489 5.0332 15.3912C5.42412 16.2933 5.96189 17.0874 6.64746 17.773C7.33303 18.4586 8.12727 18.9936 9.0293 19.3785C9.93748 19.7694 10.9061 19.9654 11.9346 19.9654C12.9691 19.9654 13.9376 19.7695 14.8398 19.3785C15.742 18.9936 16.5361 18.4587 17.2217 17.773C17.9134 17.0874 18.452 16.2934 18.8369 15.3912C19.2218 14.489 19.4141 13.5204 19.4141 12.4859C19.414 11.674 19.2933 10.9069 19.0527 10.1851C18.8122 9.45753 18.4722 8.78958 18.0332 8.18222C17.6003 7.56896 17.0865 7.0365 16.4912 6.58554C16.2807 6.4051 16.1479 6.19429 16.0938 5.9537C16.0398 5.71333 16.0909 5.47894 16.2471 5.25058C16.3974 5.04608 16.6055 4.92909 16.8701 4.89901C17.1345 4.86305 17.3838 4.94677 17.6182 5.15097C18.3639 5.72227 19.0076 6.39018 19.5488 7.1539C20.0961 7.9177 20.5178 8.7508 20.8125 9.65292C21.1132 10.5551 21.2637 11.4996 21.2637 12.4859C21.2637 13.7731 21.0194 14.9793 20.5322 16.1041C20.0511 17.2285 19.3841 18.2179 18.5303 19.0719C17.6763 19.9259 16.6834 20.5936 15.5527 21.0748C14.428 21.562 13.2217 21.8062 11.9346 21.8062C10.6475 21.8062 9.44112 21.562 8.31641 21.0748C7.19186 20.5936 6.20259 19.9258 5.34863 19.0719C4.49467 18.2179 3.82407 17.2287 3.33691 16.1041C2.85574 14.9793 2.61523 13.7731 2.61523 12.4859C2.61526 11.199 2.85585 9.99334 3.33691 8.86874C3.81809 7.73798 4.48576 6.74806 5.33984 5.89999C6.19982 5.04606 7.19187 4.3782 8.31641 3.89706C8.89641 3.64716 9.49836 3.46214 10.1211 3.34042V2.11972C10.1211 1.89723 10.1694 1.73187 10.2656 1.62362C10.3679 1.50934 10.4942 1.4555 10.6445 1.46151Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0996 9.05819C14.689 9.05819 15.1617 9.23187 15.5166 9.58065C15.8715 9.92349 16.1268 10.3693 16.2832 10.9166C16.4395 11.4578 16.5176 12.0263 16.5176 12.6217C16.5176 13.0666 16.4757 13.5024 16.3916 13.9293C16.3074 14.3563 16.169 14.7417 15.9766 15.0846C15.7901 15.4213 15.5403 15.6916 15.2275 15.8961C14.9208 16.0946 14.5447 16.1939 14.0996 16.1939C13.5105 16.1939 13.0384 16.0229 12.6836 15.6803C12.3287 15.3314 12.0734 14.8829 11.917 14.3355C11.7606 13.7883 11.6817 13.217 11.6816 12.6217C11.6816 12.1766 11.7244 11.7429 11.8086 11.3219C11.8928 10.901 12.0285 10.5191 12.2148 10.1764C12.4072 9.8338 12.6564 9.56324 12.9629 9.36483C13.2756 9.16039 13.6547 9.05825 14.0996 9.05819ZM14.0996 10.1676C13.8652 10.1677 13.6727 10.2727 13.5225 10.483C13.3721 10.6875 13.2579 10.9764 13.1797 11.3492C13.1015 11.7221 13.0625 12.1465 13.0625 12.6217C13.0625 13.1028 13.1015 13.5301 13.1797 13.9029C13.2579 14.2756 13.3722 14.5702 13.5225 14.7867C13.6727 14.9971 13.8652 15.102 14.0996 15.1021C14.3282 15.1021 14.5214 14.9972 14.6777 14.7867C14.834 14.5702 14.9483 14.2756 15.0205 13.9029C15.0987 13.5301 15.1377 13.1028 15.1377 12.6217C15.1377 12.1465 15.0987 11.7249 15.0205 11.358C14.9423 10.9852 14.8243 10.6935 14.668 10.483C14.5176 10.2727 14.328 10.1676 14.0996 10.1676Z" fill="#222631"/>
+<path d="M9.44434 9.12948C9.69094 9.12948 9.88412 9.19638 10.0225 9.3287C10.1666 9.46101 10.2383 9.65068 10.2383 9.89706V15.4185C10.2382 15.6227 10.1786 15.794 10.0586 15.9322C9.9383 16.0706 9.76926 16.1402 9.55273 16.1402C9.3424 16.1402 9.17689 16.0741 9.05664 15.942C8.9364 15.8037 8.87603 15.6289 8.87598 15.4185V10.5191H8.84961L8.03711 11.1324C7.97708 11.1684 7.92025 11.1992 7.86621 11.2232C7.81814 11.2473 7.75762 11.2593 7.68555 11.2594C7.55322 11.2594 7.44178 11.2138 7.35156 11.1236C7.26145 11.0275 7.2159 10.9074 7.21582 10.7633C7.21582 10.5589 7.31542 10.3814 7.51367 10.231L8.46094 9.53573C8.61714 9.41558 8.7707 9.31979 8.9209 9.24765C9.07721 9.16949 9.25198 9.12952 9.44434 9.12948Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/fast_forward.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/fast_forward.svg
new file mode 100644
index 000000000..67f72d9cf
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/fast_forward.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 18V6L11.5 12L2.5 18ZM12.5 18V6L21.5 12L12.5 18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/fast_rewind.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/fast_rewind.svg
new file mode 100644
index 000000000..dd35d3b33
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/fast_rewind.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5 18L12.5 12L21.5 6V18ZM11.5 18L2.5 12L11.5 6V18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/feedback.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/feedback.svg
new file mode 100644
index 000000000..3f0c3a301
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/feedback.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0958 12.2833 13 12 13C11.7167 13 11.4792 13.0958 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2833 11.0958 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM11 11H13V5H11V11ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/file-check.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-check.svg
new file mode 100644
index 000000000..529c33f4f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-check.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.94336 13.9756C5.59816 13.9756 6.21358 14.0988 6.78809 14.3457C7.36258 14.5927 7.86999 14.9356 8.30859 15.374C8.74711 15.8124 9.08984 16.323 9.33691 16.9033C9.58994 17.4773 9.71673 18.092 9.7168 18.7461C9.71671 19.3941 9.59 20.0061 9.33691 20.5801C9.08984 21.1603 8.74344 21.6701 8.29883 22.1084C7.86025 22.5467 7.35015 22.8897 6.76953 23.1367C6.19501 23.3899 5.58583 23.5166 4.94336 23.5166C4.28868 23.5165 3.67304 23.3934 3.09863 23.1465C2.52452 22.8996 2.01846 22.5527 1.58008 22.1084C1.14169 21.6702 0.795229 21.1638 0.541992 20.5898C0.294977 20.0158 0.171962 19.4004 0.171875 18.7461C0.171944 18.0919 0.295094 17.4773 0.541992 16.9033C0.795259 16.3291 1.14152 15.8222 1.58008 15.3838C2.0185 14.9394 2.52444 14.5927 3.09863 14.3457C3.67307 14.0987 4.28864 13.9756 4.94336 13.9756ZM7.0752 16.3467C6.84079 16.3467 6.65537 16.4455 6.51953 16.6426L4.33203 19.6631L3.25684 18.4863C3.19524 18.4249 3.12394 18.3758 3.04395 18.3389C2.9637 18.3019 2.86791 18.2832 2.75684 18.2832C2.57779 18.2832 2.42265 18.3444 2.29297 18.4678C2.16344 18.5851 2.09863 18.744 2.09863 18.9414C2.09875 19.0213 2.11477 19.1017 2.14551 19.1816C2.18252 19.2678 2.22874 19.3489 2.28418 19.4229L3.84082 21.1084C3.90251 21.1823 3.98341 21.2374 4.08203 21.2744C4.18069 21.3114 4.27664 21.331 4.36914 21.3311C4.60991 21.331 4.79248 21.2466 4.91602 21.0801L7.59473 17.3936C7.64386 17.326 7.67775 17.258 7.69629 17.1904C7.72092 17.1227 7.73234 17.0603 7.73242 17.0049C7.73239 16.8198 7.66499 16.6645 7.5293 16.541C7.39967 16.4117 7.24796 16.3467 7.0752 16.3467Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4697 1.8125C11.858 1.81253 12.1976 1.84003 12.4873 1.89551C12.7769 1.94487 13.0455 2.04087 13.292 2.18262C13.5385 2.31828 13.791 2.51916 14.0498 2.78418L18.8975 7.71387C19.1687 7.98508 19.3722 8.24727 19.5078 8.5C19.6496 8.74656 19.7456 9.02123 19.7949 9.32324C19.8442 9.61921 19.8682 9.98344 19.8682 10.415V18.8047C19.8682 19.7975 19.616 20.5507 19.1104 21.0625C18.6047 21.5805 17.855 21.8388 16.8623 21.8389H10.1279C10.3005 21.5614 10.4427 21.2682 10.5537 20.96C10.6708 20.6579 10.757 20.3433 10.8125 20.0166H16.7139C17.164 20.0166 17.5007 19.903 17.7227 19.6748C17.9446 19.4467 18.0556 19.1197 18.0557 18.6943V10.665H13.0693C12.4098 10.665 11.9166 10.5014 11.5898 10.1748C11.2692 9.84796 11.1084 9.35418 11.1084 8.69434V3.62598H7.16797C6.71814 3.62598 6.38217 3.74259 6.16016 3.97656C5.93816 4.2109 5.82715 4.5413 5.82715 4.9668V12.7646C5.67304 12.74 5.51837 12.7213 5.36426 12.709C5.21013 12.6905 5.0555 12.6816 4.90137 12.6816C4.74734 12.6817 4.59611 12.6905 4.44824 12.709C4.30032 12.7213 4.15182 12.74 4.00391 12.7646V4.84668C4.00391 3.854 4.2572 3.10168 4.7627 2.58984C5.26837 2.07187 6.01792 1.8125 7.01074 1.8125H11.4697ZM12.709 8.51855C12.709 8.70973 12.7489 8.84921 12.8291 8.93555C12.9154 9.02168 13.0543 9.06442 13.2451 9.06445H17.8057L12.709 3.875V8.51855Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/file-error.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-error.svg
new file mode 100644
index 000000000..4423f5a0d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-error.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.91296 14.0127C5.53213 14.0127 6.13434 14.1308 6.71863 14.3662C7.30295 14.593 7.82672 14.9372 8.28894 15.3994C8.74674 15.8572 9.08856 16.3787 9.31531 16.9629C9.55072 17.5471 9.66629 18.151 9.66199 18.7744C9.66199 19.3936 9.54394 19.9958 9.30847 20.5801C9.08177 21.1642 8.74228 21.6833 8.28894 22.1367C7.82677 22.5989 7.30534 22.9456 6.72546 23.1768C6.1455 23.4079 5.54336 23.521 4.9198 23.5166C4.30066 23.5166 3.70088 23.401 3.12097 23.1699C2.53681 22.9432 2.01375 22.5988 1.55164 22.1367C1.08953 21.6746 0.745185 21.1515 0.518432 20.5674C0.287351 19.9875 0.171783 19.3877 0.171752 18.7686C0.167392 18.145 0.280485 17.5428 0.511596 16.9629C0.742707 16.383 1.08946 15.8616 1.55164 15.3994C2.01379 14.9373 2.53527 14.5904 3.11511 14.3594C3.69477 14.1285 4.2941 14.0128 4.91296 14.0127ZM6.6073 16.4395C6.44178 16.4395 6.29367 16.5051 6.16296 16.6357L4.9198 17.8789L3.67761 16.6357C3.54679 16.5049 3.398 16.4395 3.2323 16.4395C3.07112 16.4351 2.92303 16.5008 2.78796 16.6357C2.65289 16.7708 2.58494 16.9214 2.58484 17.0869C2.5892 17.2483 2.65715 17.3946 2.78796 17.5254L4.03015 18.7686L2.78796 20.0107C2.65715 20.1416 2.59167 20.2904 2.59167 20.4561C2.58737 20.6173 2.65284 20.7653 2.78796 20.9004C2.9231 21.0355 3.07102 21.101 3.2323 21.0967C3.398 21.0967 3.54679 21.0312 3.67761 20.9004L4.9198 19.6582L6.16296 20.9004C6.29378 21.0312 6.4401 21.0992 6.60144 21.1035C6.76696 21.1034 6.91756 21.0354 7.05261 20.9004C7.18754 20.7653 7.2532 20.6172 7.2489 20.4561C7.2489 20.2904 7.18343 20.1416 7.05261 20.0107L5.80945 18.7686L7.05261 17.5254C7.1832 17.3947 7.24882 17.2465 7.2489 17.0811C7.25326 16.9197 7.18777 16.7709 7.05261 16.6357C6.91743 16.5006 6.76864 16.4351 6.6073 16.4395Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4696 1.8125C11.8579 1.81252 12.1974 1.84003 12.4872 1.89551C12.7769 1.94486 13.0453 2.04085 13.2919 2.18262C13.5384 2.31828 13.7908 2.51913 14.0497 2.78418L18.8973 7.71387C19.1686 7.9851 19.372 8.24725 19.5077 8.5C19.6495 8.74658 19.7454 9.02121 19.7948 9.32324C19.8441 9.61921 19.868 9.98343 19.868 10.415V18.8047C19.868 19.7975 19.6159 20.5507 19.1102 21.0625C18.6046 21.5805 17.855 21.8388 16.8622 21.8389H10.1278C10.3004 21.5614 10.4426 21.2682 10.5536 20.96C10.6707 20.6579 10.7569 20.3433 10.8124 20.0166H16.7137C17.1639 20.0166 17.5005 19.903 17.7225 19.6748C17.9445 19.4467 18.0555 19.1197 18.0555 18.6943V10.665H13.0692C12.4096 10.665 11.9165 10.5015 11.5897 10.1748C11.269 9.84796 11.1083 9.35418 11.1083 8.69434V3.62598H7.16785C6.71798 3.62598 6.38204 3.74255 6.16003 3.97656C5.93803 4.2109 5.82703 4.5413 5.82703 4.9668V12.7646C5.67288 12.74 5.51828 12.7213 5.36414 12.709C5.20997 12.6905 5.05541 12.6816 4.90124 12.6816C4.74718 12.6817 4.59603 12.6905 4.44812 12.709C4.30016 12.7213 4.15174 12.74 4.00378 12.7646V4.84668C4.00378 3.854 4.25707 3.10168 4.76257 2.58984C5.26825 2.07183 6.01776 1.8125 7.01062 1.8125H11.4696ZM12.7089 8.51855C12.7089 8.70973 12.7488 8.84921 12.829 8.93555C12.9153 9.02172 13.0541 9.06442 13.245 9.06445H17.8055L12.7089 3.875V8.51855Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/file-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-filled.svg
new file mode 100644
index 000000000..b3e95cb33
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.10682 21.8756C6.10841 21.8756 5.35495 21.6182 4.84644 21.1035C4.33793 20.5888 4.08368 19.8292 4.08368 18.8245V4.78786C4.08368 3.78945 4.33793 3.03289 4.84644 2.51818C5.35495 1.99727 6.10841 1.73682 7.10682 1.73682H11.3485V8.76911C11.3485 9.92256 11.9252 10.4993 13.0787 10.4993H20.0366V18.8245C20.0366 19.823 19.7823 20.5795 19.2738 21.0942C18.7653 21.6151 18.0118 21.8756 17.0134 21.8756H7.10682ZM13.2461 9.14119C12.8927 9.14119 12.7159 8.96445 12.7159 8.61098V1.82984C12.9268 1.85464 13.1376 1.94146 13.3484 2.09029C13.5655 2.23912 13.7887 2.43136 14.0182 2.66701L19.0971 7.82031C19.3389 8.06836 19.5312 8.29781 19.6738 8.50866C19.8226 8.7195 19.9094 8.93035 19.9342 9.14119H13.2461Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/file-import.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-import.svg
new file mode 100644
index 000000000..18c2b464c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-import.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H13L19 8V11.025H17V9H12V4H6V18H12V20H6Z" fill="#222631"/>
+<path d="M22 18.025L18 14.025L14 18.025L15.4 19.425L17 17.825V23H19V17.825L20.6 19.425L22 18.025Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/file-share.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-share.svg
new file mode 100644
index 000000000..98706f263
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/file-share.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0321 11.8745C12.1435 11.8745 12.2462 11.8962 12.339 11.9395C12.4318 11.9828 12.5307 12.054 12.6359 12.153L15.1416 14.4452C15.222 14.5195 15.2842 14.6005 15.3276 14.6871C15.3707 14.7736 15.3917 14.8727 15.3917 14.9839C15.3917 15.188 15.3205 15.3552 15.1782 15.4851C15.0422 15.6148 14.8749 15.6802 14.6771 15.6802C14.5782 15.6801 14.4791 15.6584 14.3802 15.6152C14.2875 15.5719 14.2073 15.5126 14.1393 15.4383L13.4613 14.7329L12.7394 13.9761L12.8209 15.42V18.3994C12.8208 18.6096 12.7408 18.7858 12.58 18.928C12.4253 19.0765 12.2425 19.1506 12.0321 19.1506C11.8158 19.1506 11.6305 19.0763 11.476 18.928C11.3214 18.7858 11.2434 18.6096 11.2433 18.3994V15.42L11.3303 13.9688L10.613 14.7329L9.91669 15.4383C9.85482 15.5126 9.77381 15.5719 9.67482 15.6152C9.57599 15.6583 9.4798 15.6802 9.38714 15.6802C9.17696 15.6801 9.00371 15.6149 8.86768 15.4851C8.73778 15.3552 8.67257 15.188 8.67253 14.9839C8.67253 14.8727 8.69439 14.7736 8.73758 14.6871C8.78089 14.6005 8.84611 14.5195 8.93272 14.4452L11.4384 12.153C11.5374 12.054 11.6333 11.9828 11.7261 11.9395C11.8188 11.8962 11.9209 11.8745 12.0321 11.8745Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.531 1.95331C11.9208 1.95331 12.2617 1.98191 12.5525 2.0376C12.8432 2.08711 13.1122 2.18302 13.3596 2.32527C13.6071 2.46139 13.8611 2.6621 14.121 2.92811L18.984 7.87448C19.2561 8.14658 19.4599 8.40975 19.596 8.6633C19.7383 8.91078 19.8341 9.18651 19.8836 9.48968C19.9331 9.7866 19.9578 10.1515 19.9579 10.5845V19.0022C19.9579 19.9983 19.7048 20.7535 19.1974 21.267C18.6901 21.7867 17.938 22.0466 16.9418 22.0466H7.05825C6.06213 22.0466 5.30999 21.7897 4.80265 21.2761C4.29536 20.7626 4.04224 20.0045 4.04224 19.0022V4.99772C4.04225 4.00165 4.29533 3.24648 4.80265 2.73296C5.30999 2.21329 6.06217 1.95331 7.05825 1.95331H11.531ZM7.21583 3.77281C6.76419 3.77282 6.42711 3.89043 6.20439 4.12554C5.98165 4.36064 5.86999 4.69175 5.86999 5.11866V18.8905C5.86999 19.3173 5.9817 19.6455 6.20439 19.8744C6.42712 20.1033 6.7612 20.218 7.20667 20.218H16.7934C17.2451 20.218 17.5821 20.1033 17.8049 19.8744C18.0276 19.6455 18.1393 19.3173 18.1393 18.8905V10.8355H13.137C12.475 10.8355 11.9798 10.6715 11.6519 10.3435C11.3302 10.0156 11.1691 9.52046 11.1691 8.85844V3.77281H7.21583ZM12.7751 8.68254C12.7752 8.87416 12.8157 9.01282 12.8961 9.0994C12.9826 9.18597 13.1213 9.22944 13.3129 9.22949H17.8882L12.7751 4.02292V8.68254Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/file.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/file.svg
new file mode 100644
index 000000000..e96f240ac
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/file.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.10682 21.8756C6.10841 21.8756 5.35495 21.6182 4.84644 21.1035C4.33793 20.5888 4.08368 19.8292 4.08368 18.8245V4.78786C4.08368 3.78945 4.33793 3.03289 4.84644 2.51818C5.35495 1.99727 6.10841 1.73682 7.10682 1.73682H11.5904C11.9811 1.73682 12.3221 1.76472 12.6136 1.82053C12.9051 1.87014 13.1748 1.96627 13.4229 2.1089C13.6709 2.24532 13.9252 2.44687 14.1856 2.71352L19.0599 7.67148C19.3327 7.94434 19.5374 8.20789 19.6738 8.46215C19.8164 8.7102 19.9125 8.98616 19.9622 9.29002C20.0118 9.58769 20.0366 9.95356 20.0366 10.3877V18.8245C20.0366 19.823 19.7823 20.5795 19.2738 21.0942C18.7653 21.6151 18.0118 21.8756 17.0134 21.8756H7.10682ZM7.25565 20.0431H16.8646C17.3173 20.0431 17.6553 19.9284 17.8785 19.6989C18.1018 19.4695 18.2134 19.1408 18.2134 18.7129V10.6388H13.1996C12.5361 10.6388 12.04 10.4745 11.7113 10.1458C11.3888 9.81713 11.2276 9.32103 11.2276 8.65749V3.56H7.26496C6.81226 3.56 6.47429 3.67783 6.25104 3.91348C6.02779 4.14913 5.91617 4.4809 5.91617 4.90879V18.7129C5.91617 19.1408 6.02779 19.4695 6.25104 19.6989C6.47429 19.9284 6.80916 20.0431 7.25565 20.0431ZM13.3764 9.02957H17.9622L12.8368 3.81116V8.48075C12.8368 8.67299 12.8771 8.81252 12.9578 8.89934C13.0446 8.98616 13.1841 9.02957 13.3764 9.02957Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/filter-notification.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/filter-notification.svg
new file mode 100644
index 000000000..b0e76a40f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/filter-notification.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 9C18.1667 9 17.4583 8.70833 16.875 8.125C16.2917 7.54167 16 6.83333 16 6C16 5.16667 16.2917 4.45833 16.875 3.875C17.4583 3.29167 18.1667 3 19 3C19.8333 3 20.5417 3.29167 21.125 3.875C21.7083 4.45833 22 5.16667 22 6C22 6.83333 21.7083 7.54167 21.125 8.125C20.5417 8.70833 19.8333 9 19 9Z" fill="#222631"/>
+<path d="M14.4042 8C14.1363 7.38254 14 6.71027 14 6H3V8H14.4042Z" fill="#222631"/>
+<path d="M10 16V18H14V16H10Z" fill="#222631"/>
+<path d="M6 11V13H18V11H6Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/filter_list.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/filter_list.svg
new file mode 100644
index 000000000..3943ad6c4
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/filter_list.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/flag_2-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/flag_2-filled.svg
new file mode 100644
index 000000000..c0b0e8f44
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/flag_2-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 22V3H21L19 8L21 13H7V22H5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/flex_wrap.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/flex_wrap.svg
new file mode 100644
index 000000000..7eaa19b50
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/flex_wrap.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 22V13H7V22H1ZM9 22V13H15V22H9ZM17 22V13H23V22H17ZM11 20H13V15H11V20ZM1 11V2H7V11H1ZM9 11V2H15V11H9ZM17 11V2H23V11H17ZM3 9H5V4H3V9ZM19 9H21V4H19V9Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-drive-zip.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-drive-zip.svg
new file mode 100644
index 000000000..685dbe93d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-drive-zip.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.31479 7.2947H20.7574C20.71 6.48605 20.4776 5.85984 20.0604 5.41607C19.5953 4.91536 18.9116 4.66501 18.0094 4.66501H10.1918C9.88918 4.66501 9.63419 4.62278 9.42685 4.53832C9.2195 4.45386 8.99814 4.3121 8.76277 4.11302L8.28363 3.68772C8.08749 3.51277 7.89976 3.37704 7.72043 3.28052C7.5411 3.17796 7.34496 3.10557 7.13201 3.06334C6.91906 3.02111 6.66688 3 6.37547 3H3.99658C3.21202 3 2.59838 3.24432 2.15567 3.73296C1.71856 4.21557 1.5 4.93346 1.5 5.88661V14.7408L2.63033 10.1778C3.02477 8.58551 4.67436 7.2947 6.31479 7.2947Z" fill="#222631"/>
+<path d="M2.39081 19.4705C2.72721 19.9902 3.34934 20.25 4.25718 20.25H14.7417L15.0273 19.1789H13.5086C13.3573 19.1789 13.2428 19.1283 13.1651 19.0271C13.0873 18.9259 13.0679 18.8022 13.1069 18.6561C13.1459 18.5099 13.2305 18.389 13.3607 18.2934C13.4925 18.1922 13.634 18.1416 13.7852 18.1416H15.3039L15.6368 16.8935H14.1181C13.9668 16.8935 13.8523 16.8429 13.7745 16.7417C13.6968 16.6405 13.6781 16.514 13.7186 16.3622C13.7561 16.2216 13.84 16.1036 13.9702 16.008C14.1019 15.9068 14.2434 15.8562 14.3947 15.8562H15.9134L16.2462 14.6081H14.7275C14.5762 14.6081 14.4617 14.5575 14.384 14.4563C14.3077 14.3494 14.2891 14.2229 14.3281 14.0768C14.3656 13.9362 14.4494 13.8181 14.5796 13.7226C14.7114 13.6214 14.8529 13.5708 15.0041 13.5708H16.5228L16.8557 12.3226H15.337C15.1857 12.3226 15.0712 12.272 14.9934 12.1708C14.9172 12.064 14.8985 11.9375 14.9375 11.7913C14.975 11.6508 15.0589 11.5327 15.1891 11.4371C15.3208 11.3359 15.4623 11.2853 15.6136 11.2853H17.1323L17.8432 8.61942H5.98668C5.09997 8.61942 4.2083 9.31715 3.99509 10.1778L2.25613 17.1977C2.00797 18.1995 2.05286 18.9571 2.39081 19.4705Z" fill="#222631"/>
+<path d="M18.9255 8.61942L18.5204 10.1384H20.0391C20.1904 10.1384 20.3049 10.189 20.3826 10.2902C20.4619 10.3858 20.482 10.5067 20.443 10.6528C20.404 10.799 20.3187 10.9227 20.187 11.0239C20.0552 11.1251 19.9137 11.1757 19.7625 11.1757H18.2438L17.9109 12.4238H19.4296C19.5809 12.4238 19.6954 12.4744 19.7732 12.5756C19.8524 12.6712 19.8726 12.7921 19.8336 12.9383C19.7946 13.0844 19.7092 13.2081 19.5775 13.3093C19.4458 13.4105 19.3043 13.4611 19.153 13.4611H17.6343L17.3015 14.7093H18.8202C18.9715 14.7093 19.086 14.7599 19.1637 14.8611C19.243 14.9566 19.2631 15.0775 19.2241 15.2237C19.1851 15.3699 19.0998 15.4936 18.9681 15.5948C18.8364 15.696 18.6948 15.7466 18.5436 15.7466H17.0249L16.692 16.9947H18.2107C18.362 16.9947 18.4765 17.0453 18.5543 17.1465C18.6335 17.2421 18.6537 17.363 18.6147 17.5091C18.5757 17.6553 18.4903 17.779 18.3586 17.8802C18.2269 17.9814 18.0854 18.032 17.9341 18.032H16.4154L15.824 20.25H18.2195C19.0209 20.25 19.7101 19.9902 20.2872 19.4705C20.8627 18.9571 21.2745 18.1995 21.5227 17.1977L23.2616 10.1779C23.4748 9.31715 22.9288 8.61942 22.0421 8.61942H18.9255Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-drive.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-drive.svg
new file mode 100644
index 000000000..69255126b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-drive.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.25718 20.25C3.34934 20.25 2.72721 19.9902 2.39081 19.4705C2.05286 18.9571 2.00797 18.1995 2.25613 17.1977L3.99509 10.1778C4.2083 9.31715 5.09997 8.61942 5.98668 8.61942H22.0421C22.9288 8.61942 23.4748 9.31715 23.2616 10.1779L21.5227 17.1977C21.2745 18.1995 20.8627 18.9571 20.2872 19.4705C19.7101 19.9902 19.0209 20.25 18.2195 20.25H4.25718Z" fill="#222631"/>
+<path d="M20.7574 7.2947H6.31479C4.67436 7.2947 3.02477 8.58551 2.63033 10.1778L1.5 14.7408V5.88661C1.5 4.93346 1.71856 4.21557 2.15567 3.73296C2.59838 3.24432 3.21202 3 3.99658 3H6.37547C6.66688 3 6.91906 3.02111 7.13201 3.06334C7.34496 3.10557 7.5411 3.17796 7.72043 3.28052C7.89976 3.37704 8.08749 3.51277 8.28363 3.68772L8.76277 4.11302C8.99814 4.3121 9.2195 4.45386 9.42685 4.53832C9.63419 4.62278 9.88918 4.66501 10.1918 4.66501H18.0094C18.9116 4.66501 19.5953 4.91536 20.0604 5.41607C20.4776 5.85984 20.71 6.48605 20.7574 7.2947Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-filled.svg
new file mode 100644
index 000000000..6c96002e4
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.80179 17.4336V10.0689H22.1983V17.4336C22.1983 18.3616 21.9737 19.0562 21.5247 19.5172C21.0756 19.9843 20.4499 20.2178 19.6476 20.2178H4.62191C3.68187 20.2178 2.97534 19.9843 2.50233 19.5172C2.0353 19.0562 1.80179 18.3616 1.80179 17.4336ZM1.80179 8.89239V6.48541C1.80179 5.58129 2.01734 4.9047 2.44844 4.45564C2.87954 4.00658 3.49027 3.78204 4.28062 3.78204H6.84028C7.13367 3.78204 7.38814 3.803 7.60369 3.84491C7.82523 3.88682 8.02581 3.95568 8.20543 4.05148C8.39105 4.14728 8.58265 4.27901 8.78024 4.44666L9.32809 4.89572C9.55562 5.08732 9.77416 5.22503 9.98373 5.30886C10.1933 5.3867 10.4508 5.42562 10.7561 5.42562H19.3781C20.3122 5.42562 21.0157 5.65913 21.4887 6.12615C21.9617 6.59318 22.1983 7.28773 22.1983 8.20981V8.89239H1.80179Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-perso.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-perso.svg
new file mode 100644
index 000000000..2bfc227e7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-perso.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8513 17.7165C19.4132 17.7165 19.9204 17.7987 20.3728 17.9629C20.8253 18.1271 21.215 18.3418 21.5407 18.6069C21.8662 18.869 22.115 19.1518 22.2879 19.4543C22.4608 19.7569 22.5473 20.0459 22.5473 20.3197C22.5472 20.55 22.4682 20.7299 22.3099 20.8595C22.1543 20.9892 21.9352 21.0538 21.6529 21.0539H16.0498C15.7675 21.0538 15.5472 20.9892 15.3887 20.8595C15.2303 20.7299 15.1515 20.55 15.1514 20.3197C15.1514 20.0459 15.2379 19.7569 15.4108 19.4543C15.5866 19.1519 15.8354 18.869 16.158 18.6069C16.4836 18.3418 16.8746 18.1271 17.3299 17.9629C17.7851 17.7987 18.2924 17.7165 18.8513 17.7165Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.89504 3.15997C7.20754 3.15997 7.47798 3.18101 7.70635 3.22308C7.93471 3.26514 8.14505 3.33726 8.33736 3.43942C8.52967 3.53558 8.731 3.6708 8.94134 3.84508L9.45517 4.26876C9.70757 4.46708 9.94496 4.60831 10.1673 4.69245C10.3897 4.77658 10.6631 4.81865 10.9876 4.81865H19.3712C20.3387 4.81865 21.0719 5.06805 21.5707 5.56686C22.0755 6.06566 22.3279 6.79584 22.3279 7.75739V13.101C22.3277 13.1554 22.2512 13.1723 22.2258 13.1241C22.2155 13.1045 22.2045 13.0844 22.1937 13.065C21.8725 12.4804 21.4177 11.991 20.8456 11.6296C20.7883 11.5933 20.7301 11.5591 20.6713 11.5265C20.6044 11.4894 20.5613 11.4196 20.5611 11.3432V9.993H3.44246V16.8711C3.44246 17.3098 3.55064 17.6373 3.76699 17.8537C3.98934 18.07 4.31086 18.1782 4.73154 18.1782H13.5017C13.6252 18.1785 13.6991 18.3167 13.6369 18.4236L13.6329 18.4306L13.6299 18.4366C13.4069 18.8269 13.2271 19.2762 13.1471 19.7718C13.1304 19.8751 13.0425 19.9541 12.9378 19.9541H4.62337C3.6498 19.9541 2.91361 19.7047 2.4148 19.2059C1.916 18.7131 1.6666 17.9859 1.6666 17.0244V6.03561C1.6666 5.08608 1.90097 4.37093 2.36973 3.89015C2.8445 3.40337 3.50256 3.15997 4.34392 3.15997H6.89504ZM4.69548 4.92683C4.29283 4.92683 3.98334 5.035 3.76699 5.25135C3.55064 5.46169 3.44246 5.77419 3.44246 6.18886V8.43349H20.5611V7.91064C20.5611 7.47193 20.4469 7.1444 20.2185 6.92806C19.9902 6.7057 19.6687 6.59452 19.254 6.59452H10.5189C10.2064 6.59452 9.93294 6.57348 9.69856 6.53142C9.47019 6.48935 9.25685 6.42024 9.05853 6.32408C8.86622 6.22192 8.6679 6.0867 8.46357 5.91843L7.94974 5.49474C7.69733 5.29041 7.45995 5.14618 7.23759 5.06204C7.02124 4.9719 6.75381 4.92683 6.43529 4.92683H4.69548Z" fill="#222631"/>
+<path d="M18.8513 13.104C19.1799 13.104 19.4799 13.1905 19.7508 13.3634C20.0245 13.5363 20.2403 13.7686 20.3988 14.0596C20.5602 14.3506 20.6412 14.6705 20.6412 15.0191C20.6412 15.3822 20.5602 15.7129 20.3988 16.0097C20.2403 16.3035 20.0256 16.5381 19.7548 16.7139C19.4839 16.8868 19.1828 16.9733 18.8513 16.9733C18.5171 16.9733 18.2147 16.8867 17.9439 16.7139C17.676 16.5382 17.4612 16.3034 17.2998 16.0097C17.1414 15.713 17.0615 15.3842 17.0614 15.0241C17.0614 14.6754 17.1424 14.3547 17.3038 14.0636C17.4652 13.7698 17.6811 13.5363 17.9519 13.3634C18.2228 13.1905 18.5228 13.104 18.8513 13.104Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-plus.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-plus.svg
new file mode 100644
index 000000000..a70d3baf8
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-plus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6875 11.1467C17.2283 11.3776 17.8056 11.4931 18.4193 11.4931C19.0208 11.4931 19.592 11.3776 20.1328 11.1467C20.6736 10.9097 21.1476 10.5847 21.5547 10.1715C21.9679 9.75827 22.2899 9.28432 22.5208 8.74959C22.7578 8.2088 22.8763 7.63458 22.8763 7.02694C22.8763 6.20662 22.6758 5.45923 22.2747 4.78475C21.8737 4.11027 21.3329 3.57251 20.6523 3.17147C19.9779 2.76435 19.2335 2.56079 18.4193 2.56079C17.599 2.56079 16.8516 2.76435 16.1771 3.17147C15.5026 3.57251 14.9618 4.11027 14.5547 4.78475C14.1536 5.45923 13.9531 6.20662 13.9531 7.02694C13.9531 7.63458 14.0686 8.2088 14.2995 8.74959C14.5365 9.29039 14.8585 9.76739 15.2656 10.1806C15.6788 10.5877 16.1528 10.9097 16.6875 11.1467ZM18.8659 9.70662C18.7565 9.816 18.6107 9.87069 18.4284 9.87069C18.24 9.87069 18.0881 9.816 17.9727 9.70662C17.8633 9.59117 17.8086 9.4423 17.8086 9.26001V7.63761H16.1953C16.013 7.63761 15.8642 7.58293 15.7487 7.47355C15.6393 7.3581 15.5846 7.20923 15.5846 7.02694C15.5846 6.83857 15.6393 6.6897 15.7487 6.58032C15.8642 6.47095 16.013 6.41626 16.1953 6.41626H17.8086V4.80298C17.8086 4.62069 17.8633 4.47485 17.9727 4.36548C18.0881 4.25003 18.24 4.1923 18.4284 4.1923C18.6107 4.1923 18.7565 4.25003 18.8659 4.36548C18.9813 4.47485 19.0391 4.62069 19.0391 4.80298V6.41626H20.6523C20.8346 6.41626 20.9805 6.47095 21.0898 6.58032C21.2053 6.6897 21.263 6.83857 21.263 7.02694C21.263 7.20923 21.2053 7.3581 21.0898 7.47355C20.9805 7.58293 20.8346 7.63761 20.6523 7.63761H19.0391V9.26001C19.0391 9.4423 18.9813 9.59117 18.8659 9.70662Z" fill="#222631"/>
+<path d="M11.0156 5.00098H13.2079C12.9971 5.54224 12.8683 6.12447 12.8367 6.73242H10.5586C10.2539 6.73242 9.9873 6.71191 9.75879 6.6709C9.53613 6.62988 9.32812 6.5625 9.13477 6.46875C8.94727 6.36914 8.75391 6.2373 8.55469 6.07324L8.05371 5.66016C7.80762 5.46094 7.57617 5.32031 7.35938 5.23828C7.14844 5.15039 6.8877 5.10645 6.57715 5.10645H4.88086C4.48828 5.10645 4.18652 5.21191 3.97559 5.42285C3.76465 5.62793 3.65918 5.93262 3.65918 6.33691V8.52539H13.0324C13.1837 9.07028 13.4156 9.58166 13.7144 10.0459H3.65918V16.752C3.65918 17.1797 3.76465 17.499 3.97559 17.71C4.19238 17.9209 4.50586 18.0264 4.91602 18.0264H19.0752C19.4795 18.0264 19.793 17.9209 20.0156 17.71C20.2383 17.499 20.3496 17.1826 20.3496 16.7607V12.2683C20.9865 12.0331 21.5688 11.6851 22.0723 11.2485V16.9014C22.0723 17.8389 21.8379 18.5479 21.3691 19.0283C20.9004 19.5146 20.2471 19.7578 19.4092 19.7578H4.81055C3.86133 19.7578 3.14355 19.5146 2.65723 19.0283C2.1709 18.5479 1.92773 17.8389 1.92773 16.9014V6.1875C1.92773 5.26172 2.15625 4.56445 2.61328 4.0957C3.07617 3.62109 3.71777 3.38379 4.53809 3.38379H7.02539C7.33008 3.38379 7.59375 3.4043 7.81641 3.44531C8.03906 3.48633 8.24414 3.55664 8.43164 3.65625C8.61914 3.75 8.81543 3.88184 9.02051 4.05176L9.52148 4.46484C9.76758 4.6582 9.99902 4.7959 10.2158 4.87793C10.4326 4.95996 10.6992 5.00098 11.0156 5.00098Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-public.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-public.svg
new file mode 100644
index 000000000..43e59ba08
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-public.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4368 12.4255C19.0793 12.4255 19.6819 12.545 20.2437 12.7841C20.8057 13.0233 21.3006 13.3583 21.7271 13.7877C22.1535 14.2142 22.4866 14.7083 22.7257 15.2701C22.9678 15.8321 23.0883 16.4332 23.0883 17.073C23.0883 17.7128 22.9678 18.314 22.7257 18.8759C22.4866 19.4378 22.1535 19.9319 21.7271 20.3583C21.3006 20.7849 20.8057 21.1177 20.2437 21.3569C19.6818 21.599 19.0794 21.7205 18.4368 21.7205C17.7971 21.7205 17.1958 21.599 16.6339 21.3569C16.0721 21.1177 15.5779 20.7848 15.1515 20.3583C14.7251 19.9319 14.3909 19.4377 14.1489 18.8759C13.9097 18.314 13.7903 17.7128 13.7903 17.073C13.7903 16.4332 13.9097 15.8321 14.1489 15.2701C14.3909 14.7083 14.7251 14.2142 15.1515 13.7877C15.578 13.3584 16.072 13.0233 16.6339 12.7841C17.1958 12.5449 17.7971 12.4255 18.4368 12.4255ZM16.4055 19.2606C16.1653 19.3406 15.9646 19.4357 15.8026 19.544C15.8289 19.572 15.8544 19.6009 15.8817 19.6281C16.216 19.9596 16.6014 20.2191 17.0366 20.4064C17.1229 20.4435 17.2112 20.4748 17.3 20.5046C17.1218 20.3314 16.9574 20.1228 16.8112 19.8745C16.6971 19.6765 16.5976 19.4603 16.5097 19.2275C16.4746 19.2384 16.4397 19.2489 16.4055 19.2606ZM20.3659 19.2265C20.2781 19.4596 20.1782 19.6763 20.0624 19.8745C19.9161 20.1231 19.7511 20.3313 19.5726 20.5046C19.662 20.4746 19.7512 20.4438 19.8381 20.4064C20.276 20.2191 20.6606 19.9595 20.9919 19.6281C21.0198 19.6005 21.0462 19.5714 21.0731 19.543C20.9115 19.4353 20.7122 19.3402 20.4731 19.2606C20.4381 19.2485 20.4021 19.2378 20.3659 19.2265ZM18.0782 18.9751C17.8245 18.9863 17.5793 19.0088 17.343 19.0442C17.3093 19.049 17.276 19.055 17.2429 19.0602C17.2797 19.1532 17.3194 19.2431 17.3611 19.3297C17.508 19.635 17.6746 19.8772 17.8619 20.0558C17.9327 20.1234 18.0062 20.1751 18.0782 20.2171V18.9751ZM18.8044 20.2141C18.8752 20.1725 18.9475 20.1219 19.0167 20.0558C19.204 19.8772 19.3706 19.6349 19.5176 19.3297C19.559 19.2428 19.5971 19.1523 19.6337 19.0592C19.6012 19.0541 19.5678 19.0489 19.5346 19.0442C19.3004 19.0091 19.057 18.9864 18.8044 18.9751V20.2141ZM20.7235 17.4316C20.705 17.8206 20.6534 18.1891 20.5723 18.5384C20.6617 18.5666 20.748 18.5974 20.8317 18.6295C21.103 18.7304 21.3285 18.8483 21.5098 18.9811C21.6098 18.8219 21.6983 18.6545 21.7742 18.4783C21.9159 18.1469 22.0041 17.7977 22.0386 17.4316H20.7235ZM14.84 17.4316C14.8745 17.7977 14.9627 18.1469 15.1044 18.4783C15.1801 18.6541 15.2677 18.8213 15.3669 18.9801C15.5494 18.8477 15.7738 18.7301 16.0419 18.6295C16.1253 18.5978 16.2115 18.5673 16.3004 18.5394C16.2192 18.1899 16.1696 17.8208 16.1511 17.4316H14.84ZM16.8923 17.4316C16.9098 17.7273 16.9483 18.0142 17.0105 18.292C17.016 18.3166 17.0228 18.3408 17.0285 18.3651C17.0669 18.3582 17.1056 18.3504 17.1447 18.3441C17.4443 18.2934 17.7555 18.2615 18.0782 18.2479V17.4316H16.8923ZM18.8044 18.2479C19.1264 18.2616 19.4363 18.2938 19.7339 18.3441C19.7724 18.3503 19.8103 18.3584 19.8481 18.3651C19.8542 18.3394 19.8623 18.314 19.8681 18.288C19.9302 18.0108 19.9688 17.7251 19.9863 17.4316H18.8044V18.2479ZM15.3578 15.18C15.2619 15.3357 15.1781 15.5005 15.1044 15.6728C14.9634 16.0004 14.8758 16.3459 14.841 16.7094H16.1521C16.1713 16.3305 16.2205 15.9708 16.2994 15.6297C16.2109 15.6022 16.1249 15.5734 16.0419 15.5426C15.7692 15.4378 15.5421 15.3156 15.3578 15.18ZM17.0105 15.8711C16.95 16.1434 16.9125 16.423 16.8943 16.7094H18.0782V15.9192C17.7555 15.9062 17.4443 15.8765 17.1447 15.828C17.1049 15.8213 17.0656 15.8122 17.0265 15.805C17.0214 15.827 17.0155 15.8488 17.0105 15.8711ZM19.7339 15.828C19.4363 15.8762 19.1264 15.906 18.8044 15.9192V16.7094H19.9843C19.9662 16.423 19.9286 16.1434 19.8681 15.8711C19.8632 15.8488 19.8563 15.827 19.8511 15.805C19.8123 15.8122 19.7735 15.8213 19.7339 15.828ZM21.5178 15.179C21.335 15.3149 21.1074 15.4376 20.8317 15.5426C20.7484 15.5738 20.6622 15.6029 20.5733 15.6307C20.652 15.9716 20.7033 16.3307 20.7225 16.7094H22.0376C22.0028 16.3459 21.9152 16.0004 21.7742 15.6728C21.7003 15.4999 21.6146 15.3352 21.5178 15.179ZM18.0782 13.933C18.0061 13.975 17.9327 14.0266 17.8619 14.0942C17.6746 14.2729 17.5081 14.517 17.3611 14.8254C17.3176 14.9167 17.2771 15.0115 17.2389 15.1099C17.2733 15.1155 17.3079 15.1226 17.343 15.1279C17.5793 15.1613 17.8245 15.1824 18.0782 15.193V13.933ZM18.8044 15.192C19.057 15.1813 19.3005 15.161 19.5346 15.1279C19.5696 15.1227 19.6045 15.1155 19.6388 15.1099C19.6006 15.0117 19.561 14.9165 19.5176 14.8254C19.3706 14.5171 19.204 14.2729 19.0167 14.0942C18.9475 14.0282 18.8752 13.9776 18.8044 13.936V15.192ZM19.5626 13.6365C19.7471 13.8127 19.9146 14.0278 20.0624 14.2845C20.1796 14.4852 20.2803 14.7052 20.3689 14.9426C20.404 14.9319 20.4391 14.9229 20.4731 14.9115C20.7185 14.8272 20.9213 14.7266 21.0851 14.6151C21.0545 14.5824 21.0239 14.5496 20.9919 14.5179C20.6606 14.1866 20.276 13.9269 19.8381 13.7396C19.7479 13.7008 19.6556 13.6673 19.5626 13.6365ZM17.313 13.6355C17.2196 13.6664 17.1272 13.7006 17.0366 13.7396C16.6014 13.927 16.216 14.1865 15.8817 14.5179C15.8504 14.5492 15.8206 14.5818 15.7905 14.6141C15.9547 14.7263 16.159 14.8268 16.4055 14.9115C16.4386 14.9224 16.4727 14.9312 16.5067 14.9416C16.5954 14.7045 16.6957 14.485 16.8112 14.2845C16.9612 14.0276 17.1292 13.8118 17.313 13.6355Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.88817 3.15155C7.20067 3.15155 7.47111 3.17258 7.69948 3.21465C7.92785 3.25672 8.13819 3.32884 8.3305 3.431C8.52281 3.52716 8.72413 3.66237 8.93447 3.83666L9.4483 4.26034C9.70071 4.45866 9.93809 4.59989 10.1605 4.68402C10.3828 4.76816 10.6563 4.81023 10.9808 4.81023H19.3643C20.3319 4.81023 21.0651 5.05963 21.5639 5.55844C22.0687 6.05724 22.3211 6.78742 22.3211 7.74897V11.4129C22.3211 11.4963 22.2261 11.5455 22.1568 11.499C21.8088 11.2656 21.4393 11.0636 21.048 10.8971C20.9085 10.8377 20.7667 10.7854 20.6243 10.7368C20.5825 10.7225 20.5542 10.6828 20.5542 10.6386V9.98458H3.4356V16.8627C3.4356 17.3014 3.54377 17.6289 3.76012 17.8453C3.98248 18.0616 4.304 18.1698 4.72468 18.1698H11.74C11.7902 18.1699 11.8325 18.2064 11.8412 18.2559C11.9265 18.7428 12.0658 19.2185 12.2618 19.6792L12.2648 19.6872C12.2808 19.7242 12.2975 19.7608 12.3139 19.7974C12.3449 19.8663 12.2943 19.9457 12.2188 19.9457H4.6165C3.64293 19.9457 2.90674 19.6963 2.40794 19.1975C1.90913 18.7047 1.65973 17.9775 1.65973 17.0159V6.02719C1.65973 5.07766 1.89411 4.36251 2.36286 3.88173C2.83763 3.39494 3.49569 3.15155 4.33705 3.15155H6.88817ZM4.68862 4.9184C4.28597 4.9184 3.97647 5.02658 3.76012 5.24293C3.54377 5.45327 3.4356 5.76577 3.4356 6.18044V8.42506H20.5542V7.90222C20.5542 7.46351 20.44 7.13598 20.2117 6.91963C19.9833 6.69727 19.6618 6.58609 19.2471 6.58609H10.512C10.1995 6.58609 9.92607 6.56506 9.69169 6.52299C9.46333 6.48092 9.24998 6.41181 9.05166 6.31566C8.85935 6.21349 8.66103 6.07827 8.4567 5.91L7.94287 5.48632C7.69046 5.28199 7.45308 5.13776 7.23072 5.05362C7.01437 4.96348 6.74694 4.9184 6.42843 4.9184H4.68862Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-shared.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-shared.svg
new file mode 100644
index 000000000..2f7c53aac
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-shared.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.259 17.7084C14.6133 17.7084 14.9421 17.7533 15.2446 17.8426C15.547 17.9319 15.8123 18.0426 16.0399 18.1751C15.7632 18.4028 15.5343 18.6481 15.3527 18.9103C15.1712 19.1697 15.0365 19.4315 14.9501 19.6966C14.8665 19.9617 14.8336 20.2114 14.8509 20.4448C14.8711 20.681 14.9413 20.8859 15.0623 21.0588H11.9593C11.6136 21.0588 11.3737 20.9809 11.2411 20.8254C11.1085 20.6727 11.0428 20.4603 11.0428 20.1894C11.0428 19.9156 11.1217 19.6331 11.2802 19.342C11.4387 19.051 11.6621 18.7827 11.9503 18.5377C12.2383 18.293 12.5783 18.0944 12.9699 17.9418C13.3618 17.7861 13.7921 17.7084 14.259 17.7084Z" fill="#222631"/>
+<path d="M19.3211 17.7164C19.8801 17.7164 20.3862 17.7986 20.8386 17.9628C21.2937 18.127 21.684 18.3419 22.0095 18.6068C22.3351 18.869 22.5848 19.1517 22.7577 19.4542C22.9306 19.7568 23.0171 20.0458 23.0171 20.3196C23.017 20.5442 22.9392 20.723 22.7837 20.8555C22.631 20.988 22.3527 21.0538 21.9494 21.0538H16.6929C16.2867 21.0538 16.0052 20.988 15.8495 20.8555C15.6969 20.723 15.6203 20.5442 15.6202 20.3196C15.6202 20.0458 15.7067 19.7568 15.8796 19.4542C16.0554 19.1517 16.3051 18.869 16.6278 18.6068C16.9533 18.3419 17.3436 18.127 17.7987 17.9628C18.254 17.7985 18.7621 17.7164 19.3211 17.7164Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.88908 3.15991C7.20159 3.15991 7.47202 3.18095 7.70039 3.22301C7.92876 3.26508 8.1391 3.3372 8.33141 3.43936C8.52372 3.53552 8.72505 3.67074 8.93539 3.84502L9.44922 4.2687C9.70162 4.46702 9.93901 4.60825 10.1614 4.69239C10.3837 4.77652 10.6572 4.81859 10.9817 4.81859H19.3652C20.3328 4.81859 21.066 5.06799 21.5648 5.5668C22.0696 6.0656 22.322 6.79578 22.322 7.75733V12.2496C22.322 12.3473 22.1952 12.3921 22.1297 12.3197C21.8981 12.0622 21.6324 11.8322 21.3324 11.6396C21.106 11.4936 20.8677 11.3759 20.6233 11.285C20.5825 11.2698 20.5551 11.2304 20.5551 11.1869V9.99294H3.43651V16.871C3.43651 17.3098 3.54469 17.6373 3.76103 17.8536C3.98339 18.07 4.30491 18.1782 4.72559 18.1782H9.40214C9.48194 18.1782 9.5316 18.2655 9.49329 18.3354C9.48873 18.3436 9.48377 18.3522 9.47926 18.3604C9.24093 18.7981 9.06738 19.3122 9.01351 19.8589C9.00824 19.9124 8.96312 19.954 8.90934 19.954H4.61742C3.64385 19.954 2.90766 19.7046 2.40885 19.2058C1.91005 18.713 1.66064 17.9858 1.66064 17.0243V6.03555C1.66064 5.08602 1.89502 4.37087 2.36378 3.89009C2.83855 3.4033 3.49661 3.15991 4.33797 3.15991H6.88908ZM4.68953 4.92676C4.28688 4.92676 3.97738 5.03494 3.76103 5.25129C3.54469 5.46163 3.43651 5.77413 3.43651 6.1888V8.43342H20.5551V7.91058C20.5551 7.47187 20.441 7.14434 20.2126 6.92799C19.9842 6.70564 19.6627 6.59446 19.248 6.59446H10.5129C10.2004 6.59446 9.92699 6.57342 9.69261 6.53135C9.46424 6.48929 9.2509 6.42017 9.05258 6.32402C8.86027 6.22185 8.66195 6.08664 8.45762 5.91836L7.94379 5.49468C7.69138 5.29035 7.454 5.14612 7.23164 5.06198C7.01529 4.97184 6.74786 4.92676 6.42934 4.92676H4.68953Z" fill="#222631"/>
+<path d="M14.259 13.6919C14.547 13.692 14.809 13.7686 15.0452 13.9213C15.2816 14.074 15.4709 14.2777 15.6122 14.5313C15.7531 14.7846 15.8234 15.0624 15.8235 15.3646C15.8235 15.6814 15.7532 15.9686 15.6122 16.225C15.4738 16.4815 15.2856 16.6862 15.0493 16.839C14.8131 16.9916 14.5498 17.0683 14.259 17.0684C13.9737 17.0684 13.712 16.9917 13.4757 16.839C13.2396 16.6863 13.0509 16.4813 12.9098 16.225C12.7716 15.9686 12.7025 15.6836 12.7025 15.3696C12.7025 15.0643 12.7728 14.7847 12.9138 14.5313C13.055 14.2777 13.2444 14.074 13.4807 13.9213C13.717 13.7686 13.9766 13.6919 14.259 13.6919Z" fill="#222631"/>
+<path d="M19.3211 13.104C19.6523 13.104 19.9518 13.1907 20.2196 13.3634C20.4905 13.5363 20.7073 13.7684 20.8686 14.0595C21.03 14.3505 21.11 14.6704 21.11 15.0191C21.11 15.3822 21.03 15.7128 20.8686 16.0097C20.7102 16.3034 20.4953 16.5381 20.2246 16.7138C19.9538 16.8866 19.6524 16.9731 19.3211 16.9732C18.9868 16.9732 18.6836 16.8867 18.4127 16.7138C18.1448 16.5381 17.93 16.3034 17.7686 16.0097C17.6073 15.7129 17.5273 15.3841 17.5273 15.0241C17.5273 14.6753 17.6073 14.3546 17.7686 14.0635C17.9329 13.7697 18.1509 13.5363 18.4217 13.3634C18.6926 13.1905 18.9927 13.104 19.3211 13.104Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-star.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-star.svg
new file mode 100644
index 000000000..9f7060d04
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder-star.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.694 11.3757C17.8459 11.3757 17.9762 11.4293 18.0838 11.5368C18.1913 11.6413 18.2763 11.7937 18.3396 11.993L19.2557 14.8549H22.2696C22.4816 14.8549 22.6539 14.89 22.7868 14.9596C22.9197 15.0261 23.0098 15.1305 23.0572 15.2729C23.1078 15.4184 23.0986 15.5593 23.029 15.6954C22.9625 15.8282 22.8437 15.9563 22.673 16.0796L20.2145 17.8406L21.1778 20.7025C21.2443 20.8987 21.2651 21.071 21.2398 21.2197C21.2145 21.3716 21.1414 21.4931 21.0212 21.5849C20.8979 21.6766 20.7605 21.7103 20.6087 21.685C20.46 21.6597 20.3011 21.5854 20.1334 21.462L17.694 19.6727L15.2592 21.462C15.0916 21.5852 14.932 21.6597 14.7802 21.685C14.6315 21.7104 14.4948 21.6766 14.3714 21.5849C14.2514 21.4932 14.1791 21.3714 14.1538 21.2197C14.1285 21.0711 14.1484 20.8986 14.2148 20.7025L15.1791 17.8406L12.7196 16.0796C12.549 15.9563 12.4287 15.8282 12.3591 15.6954C12.2927 15.5594 12.2849 15.4183 12.3354 15.2729C12.3828 15.1306 12.4731 15.0261 12.6058 14.9596C12.7387 14.8901 12.9098 14.855 13.1185 14.8549H16.137L17.0539 11.993C17.1172 11.7937 17.2022 11.6413 17.3098 11.5368C17.4173 11.4294 17.5455 11.3757 17.694 11.3757Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.87203 3.15057C7.18731 3.15058 7.46017 3.17189 7.69062 3.21431C7.92118 3.25679 8.13385 3.3297 8.32801 3.43285C8.52215 3.52993 8.72575 3.66666 8.93809 3.8426L9.4562 4.26965C9.71101 4.46986 9.95106 4.61267 10.1755 4.69762C10.4 4.78256 10.6765 4.82509 11.0042 4.82509H19.4678C20.4447 4.82509 21.1851 5.07726 21.6887 5.58086C22.1982 6.08446 22.4526 6.82193 22.4526 7.79261V11.6188C22.4526 11.7648 22.4528 11.8381 22.4262 11.8947C22.3985 11.9534 22.3511 12.0008 22.2924 12.0285C22.2358 12.0552 22.1624 12.0549 22.0165 12.0549H21.105C20.959 12.0549 20.8856 12.0552 20.8291 12.0285C20.7704 12.0008 20.7229 11.9534 20.6952 11.8947C20.6686 11.8381 20.6688 11.7648 20.6688 11.6188V10.049H3.3864V16.9938C3.38645 17.4364 3.49508 17.767 3.71329 17.9854C3.93779 18.2039 4.26287 18.3132 4.68759 18.3132H11.4285C11.6306 18.3132 11.7318 18.3135 11.7982 18.3533C11.867 18.3946 11.9147 18.4637 11.9293 18.5427C11.9431 18.6188 11.908 18.7133 11.8373 18.9024L11.4931 19.8229C11.4567 19.9204 11.4383 19.9693 11.4075 20.006C11.3754 20.0443 11.3336 20.0731 11.2864 20.0897C11.2413 20.1057 11.1893 20.1061 11.0852 20.1061H4.57832C3.59539 20.1061 2.85196 19.854 2.34836 19.3504C1.845 18.8529 1.59357 18.1191 1.59351 17.1486V6.05344C1.59357 5.09516 1.82981 4.37345 2.30283 3.88813C2.78214 3.39669 3.44666 3.1506 4.29605 3.15057H6.87203ZM4.65117 4.93436C4.24465 4.93436 3.93172 5.04374 3.71329 5.26216C3.49509 5.47447 3.38646 5.78992 3.3864 6.20824V8.47462H20.6688V7.9465C20.6688 7.5039 20.5541 7.17326 20.3237 6.9549C20.0932 6.7304 19.7681 6.61799 19.3494 6.61799H10.5307C10.2152 6.61799 9.93868 6.59672 9.70205 6.55425C9.47165 6.51179 9.25656 6.44182 9.05646 6.34482C8.86238 6.24172 8.66169 6.10577 8.45549 5.93598L7.93647 5.50802C7.68177 5.30183 7.44244 5.15591 7.21804 5.07095C6.99961 4.97993 6.72922 4.93436 6.40764 4.93436H4.65117Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/folder.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder.svg
new file mode 100644
index 000000000..97b8ea961
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/folder.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H10L12 6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H11.175L9.175 6H4V18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/food-bred.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-bred.svg
new file mode 100644
index 000000000..bce360c0b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-bred.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.7693 3.51753C19.6357 2.38393 17.2373 2.09913 14.5405 2.72873C13.6205 2.94393 13.0773 3.90313 13.3765 4.79993L13.5589 5.34633C13.6989 5.76553 13.4725 6.21833 13.0533 6.35833C12.9685 6.38713 12.8829 6.39993 12.7997 6.39993C12.4645 6.39993 12.1525 6.18793 12.0405 5.85273L11.7181 4.88633C11.5341 4.33513 10.8925 4.09353 10.3877 4.38153C10.2549 4.45753 10.1221 4.53513 9.9901 4.61593C9.0205 5.20553 8.5677 6.37353 8.9261 7.45033L9.5581 9.34713C9.6981 9.76633 9.4717 10.2191 9.0525 10.3591C8.9685 10.3871 8.88289 10.3999 8.7997 10.3999C8.4645 10.3999 8.15249 10.1879 8.04049 9.85273C8.04049 9.85273 7.70449 8.84553 7.42289 8.00553C7.2509 7.49113 6.58049 7.35593 6.22449 7.76553C6.01729 8.00393 5.81889 8.24713 5.62929 8.49433C5.02449 9.28073 4.79729 10.2935 5.03809 11.2559L5.57569 13.4055C5.68289 13.8343 5.4221 14.2687 4.99329 14.3759C4.92849 14.3927 4.86369 14.3999 4.79889 14.3999C4.44049 14.3999 4.11489 14.1575 4.02369 13.7943L3.57569 12.0007C2.00929 15.6455 2.03569 19.2879 3.51809 20.7703C4.74689 21.9991 5.99009 21.7479 6.96769 20.7695L20.7693 6.96793C21.7469 5.99033 21.9989 4.74713 20.7693 3.51753Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/food-brezel.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-brezel.svg
new file mode 100644
index 000000000..89b626b3c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-brezel.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.599 3.99939C14.9014 3.99939 14.2342 4.09219 13.6054 4.25699C14.5526 4.97059 15.1774 5.75619 15.5726 6.40179C15.5814 6.40099 15.5902 6.39939 15.599 6.39939C17.715 6.39939 19.999 8.08179 19.999 10.7994C19.999 14.8666 16.787 17.5994 12.0062 17.5994C7.2166 17.5994 3.999 14.8666 3.999 10.7994C3.999 8.08179 6.283 6.39939 8.399 6.39939C8.9462 6.39939 9.467 6.47699 9.947 6.62019C9.2198 7.57699 8.799 8.73699 8.799 9.99939C8.799 11.7002 9.2966 13.0106 10.0462 14.0058C9.2294 14.3226 8.503 14.3898 8.323 14.4018C7.6638 14.4434 7.1622 15.0106 7.2014 15.6706C7.2414 16.3322 7.8094 16.8282 8.471 16.797C9.443 16.7386 10.7758 16.4266 11.9998 15.7138C13.223 16.4266 14.5566 16.7394 15.5286 16.797C16.1846 16.8258 16.7526 16.3346 16.795 15.6754C16.8374 15.0162 16.3358 14.4466 15.6766 14.4018C15.5598 14.3938 15.207 14.361 14.7502 14.2522C12.331 13.7554 11.199 11.9826 11.199 9.99939C11.199 9.21139 11.4934 8.49059 11.999 7.90339C12.5046 8.48979 12.799 9.21139 12.799 9.99939C12.799 10.3274 12.7654 10.625 12.715 10.9066C12.791 11.341 13.1366 12.3474 14.6574 12.7898C14.9966 12.0042 15.199 10.9546 15.199 9.99939C15.199 7.27379 13.0838 5.48819 12.0086 4.87779C12.0054 4.87939 12.0022 4.88019 11.999 4.88259C10.9614 4.32019 9.731 3.99939 8.399 3.99939C5.1286 3.99939 1.599 6.59939 1.599 10.7994C1.599 16.2162 5.879 19.9994 12.0062 19.9994C18.1254 19.9994 22.399 16.2162 22.399 10.7994C22.399 6.59939 18.8694 3.99939 15.599 3.99939Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/food-croissant.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-croissant.svg
new file mode 100644
index 000000000..12d4d584d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-croissant.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0004 3.99939C8.25082 3.99939 6.04791 5.44404 5.95511 5.50564C5.63031 5.72244 5.5115 6.14415 5.6723 6.50095L9.38948 14.7291C9.51908 15.0155 9.80557 15.1994 10.1192 15.1994H13.8817C14.1961 15.1994 14.4802 15.0155 14.6098 14.7291L18.3285 6.50095C18.4901 6.14415 18.3705 5.72244 18.0457 5.50564C17.9529 5.44404 15.75 3.99939 12.0004 3.99939ZM4.74417 8.33533C3.54737 9.27453 2.25941 10.6408 1.64261 12.4728C1.55941 12.7192 1.60147 12.9906 1.75667 13.201C1.82707 13.2962 2.49533 14.1565 4.34573 15.0213C5.85534 15.7269 7.22407 15.9765 7.28167 15.9869C7.32807 15.9957 7.3751 15.9994 7.4223 15.9994C7.7063 15.9994 7.91555 15.8778 8.10355 15.701C8.03955 15.6026 7.98284 15.4988 7.93324 15.39L4.74417 8.33533ZM19.2567 8.33533L16.0676 15.39C16.018 15.4988 15.9613 15.6026 15.8973 15.701C16.0853 15.8778 16.2945 15.9994 16.5785 15.9994C16.6257 15.9994 16.6728 15.9957 16.7192 15.9869C16.7768 15.9765 18.1455 15.7269 19.6551 15.0213C21.5055 14.1565 22.1738 13.2962 22.2442 13.201C22.3994 12.9906 22.4414 12.7192 22.3582 12.4728C21.7414 10.6408 20.4535 9.27453 19.2567 8.33533ZM1.60355 15.24C1.61635 18.4176 3.06922 19.9994 4.00042 19.9994C4.91162 19.9994 5.3685 18.8518 6.0973 17.351C5.4757 17.1838 4.59961 16.9065 3.66761 16.4713C2.76441 16.0489 2.09875 15.62 1.60355 15.24ZM22.3973 15.24C21.9021 15.62 21.2364 16.0489 20.3332 16.4713C19.4012 16.9065 18.5251 17.1838 17.9035 17.351C18.6323 18.8518 19.0892 19.9994 20.0004 19.9994C20.9316 19.9994 22.3845 18.4176 22.3973 15.24Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/food-gingerbread.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-gingerbread.svg
new file mode 100644
index 000000000..ec3ee7bd5
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-gingerbread.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.7428 8.31362L12.9284 2.70162C12.666 2.51362 12.3468 2.40002 11.9996 2.40002C11.6524 2.40002 11.3332 2.51362 11.0708 2.70162L2.25638 8.31362C1.85958 8.60483 1.59958 9.07042 1.59958 9.60002C1.59958 10.1904 1.92358 10.7008 2.39958 10.9784V19.2C2.39958 20.084 3.11558 20.8 3.99958 20.8H19.9996C20.8836 20.8 21.5996 20.084 21.5996 19.2V10.9784C22.0756 10.7016 22.3996 10.1912 22.3996 9.60002C22.3996 9.07042 22.1396 8.60483 21.7428 8.31362ZM11.9996 4.00002C12.4412 4.00002 12.7996 4.35842 12.7996 4.80002C12.7996 5.24162 12.4412 5.60002 11.9996 5.60002C11.558 5.60002 11.1996 5.24162 11.1996 4.80002C11.1996 4.35842 11.558 4.00002 11.9996 4.00002ZM9.59958 5.60002C10.0412 5.60002 10.3996 5.95842 10.3996 6.40002C10.3996 6.84162 10.0412 7.20002 9.59958 7.20002C9.15798 7.20002 8.79958 6.84162 8.79958 6.40002C8.79958 5.95842 9.15798 5.60002 9.59958 5.60002ZM3.99958 19.2C3.99958 18.7584 4.35798 18.4 4.79958 18.4C5.24118 18.4 5.59958 18.7584 5.59958 19.2H3.99958ZM4.79958 16.8C4.35798 16.8 3.99958 16.4416 3.99958 16C3.99958 15.5584 4.35798 15.2 4.79958 15.2C5.24118 15.2 5.59958 15.5584 5.59958 16C5.59958 16.4416 5.24118 16.8 4.79958 16.8ZM4.79958 13.6C4.35798 13.6 3.99958 13.2416 3.99958 12.8C3.99958 12.3584 4.35798 12 4.79958 12C5.24118 12 5.59958 12.3584 5.59958 12.8C5.59958 13.2416 5.24118 13.6 4.79958 13.6ZM4.79958 10.4C4.35798 10.4 3.99958 10.0416 3.99958 9.60002C3.99958 9.15842 4.35798 8.80002 4.79958 8.80002C5.24118 8.80002 5.59958 9.15842 5.59958 9.60002C5.59958 10.0416 5.24118 10.4 4.79958 10.4ZM7.19958 8.80002C6.75798 8.80002 6.39958 8.44162 6.39958 8.00002C6.39958 7.55842 6.75798 7.20002 7.19958 7.20002C7.64118 7.20002 7.99958 7.55842 7.99958 8.00002C7.99958 8.44162 7.64118 8.80002 7.19958 8.80002ZM15.1996 19.2H8.79958V16C8.79958 14.2328 10.2324 12.8 11.9996 12.8C13.7668 12.8 15.1996 14.2328 15.1996 16V19.2ZM14.3996 7.20002C13.958 7.20002 13.5996 6.84162 13.5996 6.40002C13.5996 5.95842 13.958 5.60002 14.3996 5.60002C14.8412 5.60002 15.1996 5.95842 15.1996 6.40002C15.1996 6.84162 14.8412 7.20002 14.3996 7.20002ZM16.7996 8.80002C16.358 8.80002 15.9996 8.44162 15.9996 8.00002C15.9996 7.55842 16.358 7.20002 16.7996 7.20002C17.2412 7.20002 17.5996 7.55842 17.5996 8.00002C17.5996 8.44162 17.2412 8.80002 16.7996 8.80002ZM18.3996 19.2C18.3996 18.7584 18.758 18.4 19.1996 18.4C19.6412 18.4 19.9996 18.7584 19.9996 19.2H18.3996ZM19.1996 16.8C18.758 16.8 18.3996 16.4416 18.3996 16C18.3996 15.5584 18.758 15.2 19.1996 15.2C19.6412 15.2 19.9996 15.5584 19.9996 16C19.9996 16.4416 19.6412 16.8 19.1996 16.8ZM19.1996 13.6C18.758 13.6 18.3996 13.2416 18.3996 12.8C18.3996 12.3584 18.758 12 19.1996 12C19.6412 12 19.9996 12.3584 19.9996 12.8C19.9996 13.2416 19.6412 13.6 19.1996 13.6ZM19.1996 10.4C18.758 10.4 18.3996 10.0416 18.3996 9.60002C18.3996 9.15842 18.758 8.80002 19.1996 8.80002C19.6412 8.80002 19.9996 9.15842 19.9996 9.60002C19.9996 10.0416 19.6412 10.4 19.1996 10.4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/food-pancake.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-pancake.svg
new file mode 100644
index 000000000..54215b28a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-pancake.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8004 2.40002C10.27 2.40002 9.76128 2.61074 9.38621 2.98581C9.01114 3.36088 8.80042 3.86959 8.80042 4.40002C8.80087 4.83294 8.94178 5.25403 9.20199 5.60002H4.40042C3.73802 5.60002 3.20042 6.13762 3.20042 6.80002C3.20042 7.46242 3.73802 8.00002 4.40042 8.00002H8.80042C9.68442 8.00002 10.4004 8.71602 10.4004 9.60002V10.4C10.4004 10.8424 10.7588 11.2 11.2004 11.2C11.642 11.2 12.0004 10.8424 12.0004 10.4V9.20002C12.0004 8.53762 12.538 8.00002 13.2004 8.00002C13.8628 8.00002 14.4004 8.53762 14.4004 9.20002V15.2C14.4004 15.6424 14.7588 16 15.2004 16C15.642 16 16.0004 15.6424 16.0004 15.2V10.4C16.0004 9.07442 17.0748 8.00002 18.4004 8.00002H19.6004C20.2628 8.00002 20.8004 7.46242 20.8004 6.80002C20.8004 6.13762 20.2628 5.60002 19.6004 5.60002H14.9848C15.1257 5.35692 15.2 5.081 15.2004 4.80002C15.2004 4.37568 15.0319 3.96871 14.7318 3.66865C14.4317 3.3686 14.0248 3.20002 13.6004 3.20002C13.2397 3.19982 12.8895 3.32151 12.6067 3.54534C12.4449 3.20304 12.1892 2.9137 11.8695 2.71096C11.5498 2.50821 11.179 2.40039 10.8004 2.40002ZM3.60042 9.60002C2.93722 9.60002 2.40042 10.1376 2.40042 10.8C2.40042 11.4624 2.93722 12 3.60042 12H9.42386C9.03986 11.5744 8.80042 11.0168 8.80042 10.4V9.60002H3.60042ZM18.4004 9.60002C17.9596 9.60002 17.6004 9.95922 17.6004 10.4V12H19.6004C20.2636 12 20.8004 11.4624 20.8004 10.8C20.8004 10.1376 20.2636 9.60002 19.6004 9.60002H18.4004ZM4.40042 13.6C3.73722 13.6 3.20042 14.1376 3.20042 14.8C3.20042 15.4624 3.73722 16 4.40042 16H12.9473C12.8577 15.7488 12.8004 15.4816 12.8004 15.2V13.6H4.40042ZM17.6004 13.6V15.2C17.6004 15.4816 17.5431 15.7488 17.4535 16H21.2004C21.8636 16 22.4004 15.4624 22.4004 14.8C22.4004 14.1376 21.8636 13.6 21.2004 13.6H17.6004ZM3.60042 17.6C3.44141 17.5978 3.28353 17.6272 3.13597 17.6865C2.98841 17.7457 2.8541 17.8338 2.74086 17.9454C2.62762 18.0571 2.53769 18.1901 2.47632 18.3368C2.41494 18.4835 2.38333 18.641 2.38333 18.8C2.38333 18.9591 2.41494 19.1165 2.47632 19.2632C2.53769 19.4099 2.62762 19.543 2.74086 19.6546C2.8541 19.7663 2.98841 19.8543 3.13597 19.9136C3.28353 19.9729 3.44141 20.0023 3.60042 20H19.6004C19.7594 20.0023 19.9173 19.9729 20.0649 19.9136C20.2124 19.8543 20.3467 19.7663 20.46 19.6546C20.5732 19.543 20.6632 19.4099 20.7245 19.2632C20.7859 19.1165 20.8175 18.9591 20.8175 18.8C20.8175 18.641 20.7859 18.4835 20.7245 18.3368C20.6632 18.1901 20.5732 18.0571 20.46 17.9454C20.3467 17.8338 20.2124 17.7457 20.0649 17.6865C19.9173 17.6272 19.7594 17.5978 19.6004 17.6H3.60042Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/food-pizza.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-pizza.svg
new file mode 100644
index 000000000..bcf464e2b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-pizza.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5998 14.6984C21.5998 7.90642 16.0934 2.40002 9.30135 2.40002L2.47335 20.1528C2.14295 21.0128 2.98695 21.8568 3.84695 21.5264L8.51255 19.732C9.03655 19.5304 9.59976 19.9168 9.59976 20.4784V20.8C9.59976 21.2416 9.95816 21.6 10.3998 21.6C10.8414 21.6 11.1998 21.2416 11.1998 20.8V19.5224C11.1998 19.0256 11.5054 18.5808 11.9694 18.4024C12.7558 18.1 13.5998 18.68 13.5998 19.5224V21.6C13.5998 22.0416 13.9582 22.4 14.3998 22.4C14.8414 22.4 15.1998 22.0416 15.1998 21.6V18.808C15.1998 17.8152 15.811 16.9248 16.7382 16.568L21.5998 14.6984ZM7.19975 17.6C6.31575 17.6 5.59976 16.884 5.59976 16C5.59976 15.116 6.31575 14.4 7.19975 14.4C8.08375 14.4 8.79975 15.116 8.79975 16C8.79975 16.884 8.08375 17.6 7.19975 17.6ZM9.99976 10.4C9.33736 10.4 8.79975 9.86242 8.79975 9.20002C8.79975 8.53682 9.33736 8.00002 9.99976 8.00002C10.6622 8.00002 11.1998 8.53682 11.1998 9.20002C11.1998 9.86242 10.6622 10.4 9.99976 10.4ZM12.7998 12C12.7998 10.6744 13.8742 9.60002 15.1998 9.60002C16.5254 9.60002 17.5998 10.6744 17.5998 12C17.5998 13.3256 16.5254 14.4 15.1998 14.4C13.8742 14.4 12.7998 13.3256 12.7998 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/food-spaghetti.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-spaghetti.svg
new file mode 100644
index 000000000..d884983b1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-spaghetti.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.12961 5.15911C7.39991 4.87179 7.94743 4.81531 8.24621 5.08264L12.823 9.65986C15.7776 12.6148 16.9549 13.8208 17.5254 14.3879C18.0958 14.9549 18.4769 15.7515 18.4769 16.6021C18.4769 17.4527 18.4983 17.4404 18.497 19.764C18.4962 21.2087 18.4846 22.0133 18.4846 22.4569C18.4845 22.9004 18.0659 23.1387 17.6525 23.1387C17.2392 23.1387 16.8361 22.7906 16.8361 22.4847C16.8361 22.1789 16.8244 21.8108 16.826 19.7548C16.8281 16.9298 16.828 16.9239 16.7706 16.5981C16.6995 16.1951 16.5023 15.7744 16.2402 15.4675C16.2167 15.4399 14.1535 13.3722 11.6556 10.8726C8.73452 7.94963 7.19794 6.40023 7.05576 6.24508C6.78049 5.9447 6.87042 5.43465 7.12961 5.15911Z" fill="#222631"/>
+<path d="M6.17073 8.09876C6.26998 8.06664 6.41204 8.06679 6.51124 8.09906C6.63696 8.13999 6.71713 8.22005 6.87735 8.38025L8.89428 10.3969C10.2954 11.7979 12.1879 13.6903 13.0998 14.6025L14.1335 15.6364C14.352 15.855 14.4613 15.9643 14.5022 16.0903C14.5381 16.2011 14.5381 16.3205 14.502 16.4313C14.461 16.5572 14.3514 16.6667 14.1322 16.8854C13.7881 17.2288 13.4664 17.5428 13.4174 17.5832C13.1947 17.7667 12.8744 17.9459 12.6146 18.0322C12.4721 18.0796 12.166 18.1426 11.9955 18.1598C11.9155 18.1679 11.4005 18.1732 10.6585 18.1735C9.9947 18.1739 9.35838 18.1792 9.24432 18.1855C8.98812 18.1995 8.77416 18.2419 8.54932 18.3233C8.42044 18.3699 8.16302 18.506 8.01395 18.6064C7.93453 18.6598 7.32156 19.1143 6.65179 19.6162C6.31609 19.8768 6.04572 20.0803 5.8357 20.2351C5.64488 20.3757 5.54946 20.4461 5.43319 20.4709C5.33512 20.4918 5.21975 20.4834 5.12577 20.4484C5.01433 20.407 4.92691 20.3203 4.75211 20.1471C4.45206 19.8497 4.04369 19.444 3.59813 18.9985C3.16318 18.5636 2.76615 18.1639 2.47084 17.8658C2.28717 17.6804 2.1953 17.5877 2.15388 17.4757C2.11803 17.3787 2.11032 17.268 2.13234 17.167C2.15779 17.0503 2.23469 16.9473 2.38837 16.7415C2.48049 16.618 2.57294 16.4948 2.6651 16.3714C2.86618 16.1021 3.12631 15.7547 3.24316 15.5993C3.89359 14.7345 3.98435 14.6091 4.07441 14.4506C4.22693 14.1822 4.31418 13.9661 4.36322 13.735C4.41669 13.483 4.42236 13.3226 4.42292 12.0521C4.42322 11.3243 4.42868 10.7793 4.43669 10.6774C4.47591 10.1785 4.57137 9.86798 4.80688 9.47353C4.85863 9.38681 4.9407 9.26787 4.98914 9.20919C5.04089 9.1465 5.45286 8.72968 5.81 8.37371C5.96662 8.2176 6.04493 8.13948 6.17073 8.09876Z" fill="#222631"/>
+<path d="M14.4849 1.14518C14.795 0.909074 15.4088 0.729213 15.7215 0.988468C16.0343 1.24777 16.06 1.72868 15.6432 2.20315C15.2799 2.61672 13.4544 4.52801 12.9918 5.01186C12.9323 5.07405 12.9342 5.17195 12.9954 5.23242L14.3783 6.59881C14.438 6.65783 14.5325 6.66061 14.5944 6.60389C15.1146 6.1274 17.3254 4.10298 17.6693 3.79626C18.0595 3.44822 18.6818 3.18988 19.0773 3.49045C19.4728 3.79103 19.2708 4.36604 18.9929 4.69274C18.7462 4.98278 16.5006 7.4479 15.9988 7.99851C15.9424 8.06044 15.9458 8.15405 16.0046 8.21369L17.3693 9.59655C17.4306 9.65865 17.5301 9.65974 17.592 9.59824C18.0716 9.12158 19.9482 7.25787 20.2572 6.97009C20.612 6.63962 21.1771 6.32917 21.6408 6.68944C22.1044 7.04972 21.797 7.6959 21.5311 8.05214C21.2961 8.36701 19.5383 10.663 19.1325 11.1927C19.0843 11.2557 19.0913 11.3432 19.1476 11.3991C19.3141 11.5645 19.6515 11.9007 19.8361 12.0921C20.0876 12.3529 20.1095 12.8568 19.8361 13.19C19.5627 13.5233 19.0931 13.6599 18.7133 13.3087C18.3336 12.9576 9.61757 4.2309 9.36164 3.95727C9.10582 3.68374 9.07411 3.13269 9.39149 2.81899C9.70888 2.50534 10.2919 2.57798 10.5449 2.81899C10.7299 2.99521 11.047 3.30193 11.2059 3.45583C11.2617 3.50985 11.347 3.51608 11.409 3.46929C11.9312 3.07504 14.2106 1.35407 14.4849 1.14518Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/food-waffle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-waffle.svg
new file mode 100644
index 000000000..1cd565b0d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/food-waffle.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.3469 4.34689C8.57361 0.120182 15.4264 0.120237 19.6531 4.34689C23.8798 8.57363 23.8798 15.4264 19.6531 19.6531C15.4264 23.8798 8.57362 23.8798 4.3469 19.6531C0.12026 15.4264 0.120233 8.5736 4.3469 4.34689ZM14.9682 20.3958C15.8967 20.0683 16.7812 19.5822 17.5807 18.9375L15.3923 16.7491L13.3569 18.7845L14.9682 20.3958ZM18.9375 17.5806C19.5823 16.7812 20.0683 15.8967 20.3958 14.9682L18.7845 13.3569L16.7492 15.3922L18.9375 17.5806ZM11.2692 20.8722C11.7556 20.912 12.2444 20.912 12.7308 20.8722L12 20.1414L11.2692 20.8722ZM20.1414 12L20.8722 12.7308C20.912 12.2444 20.912 11.7556 20.8722 11.2692L20.1414 12ZM16.7492 8.60774L18.7845 10.6431L20.3965 9.03111C20.069 8.10279 19.5822 7.21869 18.9375 6.41934L16.7492 8.60774ZM6.41935 18.9375C7.2187 19.5822 8.1028 20.069 9.03112 20.3965L10.6431 18.7845L8.60775 16.7491L6.41935 18.9375ZM12 17.4276L14.0354 15.3922L12 13.3569L9.96465 15.3922L12 17.4276ZM15.3923 14.0353L17.4276 12L15.3923 9.96464L13.3569 12L15.3923 14.0353ZM13.3569 5.21549L15.3923 7.25084L17.5807 5.06244C16.7813 4.41784 15.8972 3.93101 14.9689 3.60351L13.3569 5.21549ZM3.60352 14.9689C3.93102 15.8972 4.41785 16.7813 5.06245 17.5806L7.25085 15.3922L5.2155 13.3569L3.60352 14.9689ZM8.60775 14.0353L10.6431 12L8.60775 9.96464L6.5724 12L8.60775 14.0353ZM12 10.6431L14.0354 8.60774L12 6.57239L9.96465 8.60774L12 10.6431ZM12 3.85859L12.7308 3.1278C12.2442 3.08796 11.7552 3.08726 11.2685 3.12714L12 3.85859ZM3.12715 11.2685C3.08727 11.7552 3.08797 12.2442 3.12781 12.7308L3.8586 12L3.12715 11.2685ZM5.06179 6.41868C4.41715 7.21804 3.93104 8.10277 3.60352 9.03111L5.2155 10.6431L7.25085 8.60774L5.06179 6.41868ZM8.60775 7.25084L10.6431 5.21549L9.03112 3.60351C8.10278 3.93103 7.21805 4.41714 6.41869 5.06178L8.60775 7.25084Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format-text.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format-text.svg
new file mode 100644
index 000000000..514924a51
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format-text.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.8544 19.4045C2.51806 19.4045 2.25096 19.3121 2.05312 19.1275C1.86186 18.9428 1.76624 18.6889 1.76624 18.3658C1.76624 18.1415 1.8091 17.9173 1.89484 17.6931L6.28708 5.85183C6.57726 5.03405 7.14772 4.62517 7.99847 4.62517C8.44693 4.62517 8.81295 4.72739 9.09653 4.93183C9.38012 5.12968 9.59775 5.43964 9.74944 5.86172L14.112 17.6436C14.2043 17.9008 14.2505 18.1349 14.2505 18.346C14.2505 18.6691 14.1483 18.9263 13.9438 19.1176C13.7394 19.3088 13.4624 19.4045 13.1129 19.4045C12.7831 19.4045 12.5259 19.3286 12.3413 19.1769C12.1566 19.0319 12.0115 18.7878 11.906 18.4449L10.798 15.3783H5.17913L4.08107 18.4449C3.96895 18.7878 3.82057 19.0319 3.63591 19.1769C3.45125 19.3286 3.19075 19.4045 2.8544 19.4045ZM5.743 13.5383H10.2638L8.02815 7.12795H7.9688L5.743 13.5383ZM15.6552 22.5206C15.1078 22.5206 14.8342 22.2898 14.8342 21.8281C14.8342 21.3665 15.1078 21.1357 15.6552 21.1357H17.7524V2.85442H15.6552C15.1078 2.85442 14.8342 2.6236 14.8342 2.16195C14.8342 1.7069 15.1078 1.47937 15.6552 1.47937H21.4027C21.9567 1.47937 22.2337 1.7069 22.2337 2.16195C22.2337 2.6236 21.9567 2.85442 21.4027 2.85442H19.3451V21.1357H21.4027C21.9567 21.1357 22.2337 21.3665 22.2337 21.8281C22.2337 22.2898 21.9567 22.5206 21.4027 22.5206H15.6552Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_center.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_center.svg
new file mode 100644
index 000000000..e82c58b1a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_center.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 21V19H21V21H3ZM7 17V15H17V17H7ZM3 13V11H21V13H3ZM7 9V7H17V9H7ZM3 5V3H21V5H3Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_justify.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_justify.svg
new file mode 100644
index 000000000..3fbfd2e87
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_justify.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 21V19H21V21H3ZM3 17V15H21V17H3ZM3 13V11H21V13H3ZM3 9V7H21V9H3ZM3 5V3H21V5H3Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_left.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_left.svg
new file mode 100644
index 000000000..e6330af66
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 21V19H21V21H3ZM3 17V15H15V17H3ZM3 13V11H21V13H3ZM3 9V7H15V9H3ZM3 5V3H21V5H3Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_right.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_right.svg
new file mode 100644
index 000000000..2edb506f1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_align_right.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 5V3H21V5H3ZM9 9V7H21V9H9ZM3 13V11H21V13H3ZM9 17V15H21V17H9ZM3 21V19H21V21H3Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_bold.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_bold.svg
new file mode 100644
index 000000000..68d0774a6
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_bold.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.79999 19V5H12.325C13.4083 5 14.4083 5.33333 15.325 6C16.2417 6.66667 16.7 7.59167 16.7 8.775C16.7 9.625 16.5083 10.2792 16.125 10.7375C15.7417 11.1958 15.3833 11.525 15.05 11.725C15.4667 11.9083 15.9292 12.25 16.4375 12.75C16.9458 13.25 17.2 14 17.2 15C17.2 16.4833 16.6583 17.5208 15.575 18.1125C14.4917 18.7042 13.475 19 12.525 19H6.79999ZM9.82499 16.2H12.425C13.225 16.2 13.7125 15.9958 13.8875 15.5875C14.0625 15.1792 14.15 14.8833 14.15 14.7C14.15 14.5167 14.0625 14.2208 13.8875 13.8125C13.7125 13.4042 13.2 13.2 12.35 13.2H9.82499V16.2ZM9.82499 10.5H12.15C12.7 10.5 13.1 10.3583 13.35 10.075C13.6 9.79167 13.725 9.475 13.725 9.125C13.725 8.725 13.5833 8.4 13.3 8.15C13.0167 7.9 12.65 7.775 12.2 7.775H9.82499V10.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h1.svg
new file mode 100644
index 000000000..fd6c76b21
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 17V7H7V11H11V7H13V17H11V13H7V17H5ZM17 17V9H15V7H19V17H17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h2.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h2.svg
new file mode 100644
index 000000000..9e242d3c8
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h2.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 17V7H5V11H9V7H11V17H9V13H5V17H3ZM13 17V13C13 12.45 13.1958 11.9792 13.5875 11.5875C13.9792 11.1958 14.45 11 15 11H19V9H13V7H19C19.55 7 20.0208 7.19583 20.4125 7.5875C20.8042 7.97917 21 8.45 21 9V11C21 11.55 20.8042 12.0208 20.4125 12.4125C20.0208 12.8042 19.55 13 19 13H15V15H21V17H13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h3.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h3.svg
new file mode 100644
index 000000000..2438e83d5
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_h3.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 17V7H5V11H9V7H11V17H9V13H5V17H3ZM13 17V15H19V13H15V11H19V9H13V7H19C19.55 7 20.0208 7.19583 20.4125 7.5875C20.8042 7.97917 21 8.45 21 9V15C21 15.55 20.8042 16.0208 20.4125 16.4125C20.0208 16.8042 19.55 17 19 17H13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_indent_decrease.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_indent_decrease.svg
new file mode 100644
index 000000000..b8aa0b5d3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_indent_decrease.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 21V19H21V21H3ZM11 17V15H21V17H11ZM11 13V11H21V13H11ZM11 9V7H21V9H11ZM3 5V3H21V5H3ZM7 16L3 12L7 8V16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_indent_increase.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_indent_increase.svg
new file mode 100644
index 000000000..313f44272
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_indent_increase.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 21V19H21V21H3ZM11 17V15H21V17H11ZM11 13V11H21V13H11ZM11 9V7H21V9H11ZM3 5V3H21V5H3ZM3 16V8L7 12L3 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_italic.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_italic.svg
new file mode 100644
index 000000000..df22b9360
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_italic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 19V16.5H9L12 7.5H8V5H18V7.5H14.5L11.5 16.5H15V19H5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_list_bulleted.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_list_bulleted.svg
new file mode 100644
index 000000000..873fa57ab
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_list_bulleted.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 19V17H21V19H9ZM9 13V11H21V13H9ZM9 7V5H21V7H9ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16C5.55 16 6.02083 16.1958 6.4125 16.5875C6.80417 16.9792 7 17.45 7 18C7 18.55 6.80417 19.0208 6.4125 19.4125C6.02083 19.8042 5.55 20 5 20ZM5 14C4.45 14 3.97917 13.8042 3.5875 13.4125C3.19583 13.0208 3 12.55 3 12C3 11.45 3.19583 10.9792 3.5875 10.5875C3.97917 10.1958 4.45 10 5 10C5.55 10 6.02083 10.1958 6.4125 10.5875C6.80417 10.9792 7 11.45 7 12C7 12.55 6.80417 13.0208 6.4125 13.4125C6.02083 13.8042 5.55 14 5 14ZM5 8C4.45 8 3.97917 7.80417 3.5875 7.4125C3.19583 7.02083 3 6.55 3 6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4C5.55 4 6.02083 4.19583 6.4125 4.5875C6.80417 4.97917 7 5.45 7 6C7 6.55 6.80417 7.02083 6.4125 7.4125C6.02083 7.80417 5.55 8 5 8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_list_numbered.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_list_numbered.svg
new file mode 100644
index 000000000..03582ab86
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_list_numbered.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 22V20.5H5.5V19.75H4V18.25H5.5V17.5H3V16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3ZM3 15V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3V9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H7V15H3ZM4.5 8V3.5H3V2H6V8H4.5ZM9 19V17H21V19H9ZM9 13V11H21V13H9ZM9 7V5H21V7H9Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_size.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_size.svg
new file mode 100644
index 000000000..9e872671c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_size.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 20V7H9V4H22V7H17V20H14ZM5 20V12H2V9H11V12H8V20H5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/format_underlined.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_underlined.svg
new file mode 100644
index 000000000..1708c7348
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/format_underlined.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21V19H19V21H5ZM12 17C10.3167 17 9.00833 16.475 8.075 15.425C7.14167 14.375 6.675 12.9833 6.675 11.25V3H9.25V11.4C9.25 12.3333 9.48333 13.0917 9.95 13.675C10.4167 14.2583 11.1 14.55 12 14.55C12.9 14.55 13.5833 14.2583 14.05 13.675C14.5167 13.0917 14.75 12.3333 14.75 11.4V3H17.325V11.25C17.325 12.9833 16.8583 14.375 15.925 15.425C14.9917 16.475 13.6833 17 12 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/forward_10.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/forward_10.svg
new file mode 100644
index 000000000..059f7bf7c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/forward_10.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 16V11.5H7.5V10H10.5V16H9ZM12.5 16C12.2167 16 11.9792 15.9042 11.7875 15.7125C11.5958 15.5208 11.5 15.2833 11.5 15V11C11.5 10.7167 11.5958 10.4792 11.7875 10.2875C11.9792 10.0958 12.2167 10 12.5 10H14.5C14.7833 10 15.0208 10.0958 15.2125 10.2875C15.4042 10.4792 15.5 10.7167 15.5 11V15C15.5 15.2833 15.4042 15.5208 15.2125 15.7125C15.0208 15.9042 14.7833 16 14.5 16H12.5ZM13 14.5H14V11.5H13V14.5ZM12 22C10.75 22 9.57917 21.7625 8.4875 21.2875C7.39583 20.8125 6.44583 20.1708 5.6375 19.3625C4.82917 18.5542 4.1875 17.6042 3.7125 16.5125C3.2375 15.4208 3 14.25 3 13C3 11.75 3.2375 10.5792 3.7125 9.4875C4.1875 8.39583 4.82917 7.44583 5.6375 6.6375C6.44583 5.82917 7.39583 5.1875 8.4875 4.7125C9.57917 4.2375 10.75 4 12 4H12.15L10.6 2.45L12 1L16 5L12 9L10.6 7.55L12.15 6H12C10.05 6 8.39583 6.67917 7.0375 8.0375C5.67917 9.39583 5 11.05 5 13C5 14.95 5.67917 16.6042 7.0375 17.9625C8.39583 19.3208 10.05 20 12 20C13.95 20 15.6042 19.3208 16.9625 17.9625C18.3208 16.6042 19 14.95 19 13H21C21 14.25 20.7625 15.4208 20.2875 16.5125C19.8125 17.6042 19.1708 18.5542 18.3625 19.3625C17.5542 20.1708 16.6042 20.8125 15.5125 21.2875C14.4208 21.7625 13.25 22 12 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/function.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/function.svg
new file mode 100644
index 000000000..90ae8391b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/function.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 18V16H11.55L14.175 13L11.55 10H9.9L8.3 18.6C8.16667 19.35 7.85833 19.9375 7.375 20.3625C6.89167 20.7875 6.275 21 5.525 21C4.775 21 4.16667 20.8 3.7 20.4C3.23333 20 3 19.4667 3 18.8C3 18.2667 3.14167 17.8375 3.425 17.5125C3.70833 17.1875 4.06667 17.025 4.5 17.025C4.91667 17.025 5.27083 17.1667 5.5625 17.45C5.85417 17.7333 6 18.075 6 18.475C6 18.5583 5.99583 18.6333 5.9875 18.7C5.97917 18.7667 5.96667 18.8417 5.95 18.925C6.03333 18.9083 6.10417 18.8625 6.1625 18.7875C6.22083 18.7125 6.26667 18.6083 6.3 18.475L7.85 10H5V8H8.225L8.75 5.15C8.86667 4.51667 9.17917 4 9.6875 3.6C10.1958 3.2 10.8 3 11.5 3C12.2333 3 12.8333 3.21667 13.3 3.65C13.7667 4.08333 14 4.625 14 5.275C14 5.775 13.8583 6.1875 13.575 6.5125C13.2917 6.8375 12.9333 7 12.5 7C12.0833 7 11.7292 6.85833 11.4375 6.575C11.1458 6.29167 11 5.94167 11 5.525C11 5.44167 11.0042 5.36667 11.0125 5.3C11.0208 5.23333 11.0333 5.15833 11.05 5.075C10.95 5.10833 10.875 5.15833 10.825 5.225C10.775 5.29167 10.7333 5.39167 10.7 5.525L10.275 8H15V10H14.2L15.5 11.475L16.8 10H16V8H21V10H19.45L16.825 13L19.45 16H21V18H16V16H16.8L15.5 14.5L14.2 16H15V18H10Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/functions.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/functions.svg
new file mode 100644
index 000000000..2ea405714
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/functions.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 20V18L12.5 12L6 6V4H18V7H10.775L16.15 12L10.775 17H18V20H6Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/gauge.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/gauge.svg
new file mode 100644
index 000000000..18c1648ae
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/gauge.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.34473 14.7539C8.58491 14.7539 8.7914 14.8403 8.96387 15.0127C9.13626 15.1851 9.22255 15.3882 9.22266 15.6221C9.22266 15.8623 9.13636 16.0687 8.96387 16.2412C8.79137 16.4076 8.58499 16.4912 8.34473 16.4912C8.10464 16.4911 7.89798 16.4075 7.72559 16.2412C7.55953 16.0688 7.47656 15.8621 7.47656 15.6221C7.47667 15.3883 7.55951 15.185 7.72559 15.0127C7.89798 14.8403 8.10464 14.754 8.34473 14.7539Z" fill="#222631"/>
+<path d="M15.6455 14.7539C15.8858 14.7539 16.0895 14.8402 16.2559 15.0127C16.4281 15.185 16.5145 15.3882 16.5146 15.6221C16.5146 15.8622 16.4281 16.0688 16.2559 16.2412C16.0895 16.4076 15.8858 16.4912 15.6455 16.4912C15.4114 16.4912 15.2086 16.4075 15.0361 16.2412C14.8636 16.0687 14.7773 15.8623 14.7773 15.6221C14.7775 15.3882 14.8637 15.1851 15.0361 15.0127C15.2086 14.8403 15.4115 14.7539 15.6455 14.7539Z" fill="#222631"/>
+<path d="M8.29004 7.8418C8.407 7.82342 8.52992 7.8572 8.65918 7.94336L12.9102 10.8633C13.0149 10.9249 13.1199 10.9961 13.2246 11.0762C13.3292 11.1562 13.4094 11.2239 13.4648 11.2793C13.779 11.5935 13.9355 11.9574 13.9355 12.3701C13.9354 12.7827 13.7789 13.1432 13.4648 13.4512C13.1507 13.7653 12.7868 13.9219 12.374 13.9219C11.9676 13.9218 11.6071 13.7652 11.293 13.4512C11.2376 13.3958 11.1698 13.3155 11.0898 13.2109C11.0159 13.1 10.9447 12.9951 10.877 12.8965L7.96582 8.63672C7.87341 8.5135 7.83338 8.39244 7.8457 8.27539C7.8642 8.15868 7.91072 8.0604 7.98438 7.98047C8.07679 7.90038 8.17915 7.85412 8.29004 7.8418Z" fill="#222631"/>
+<path d="M6.81152 11.1318C7.05776 11.1319 7.26442 11.2173 7.43066 11.3896C7.60316 11.5621 7.68945 11.7659 7.68945 12C7.68945 12.2341 7.60316 12.4379 7.43066 12.6104C7.26442 12.7827 7.05777 12.869 6.81152 12.8691C6.5775 12.8691 6.37363 12.7827 6.20117 12.6104C6.02867 12.4379 5.94238 12.2341 5.94238 12C5.94239 11.7659 6.02868 11.5621 6.20117 11.3896C6.37363 11.2173 6.57751 11.1318 6.81152 11.1318Z" fill="#222631"/>
+<path d="M17.1797 11.1318C17.4136 11.1319 17.6167 11.2175 17.7891 11.3896C17.9616 11.5621 18.0478 11.7659 18.0479 12C18.0479 12.2341 17.9616 12.4379 17.7891 12.6104C17.6167 12.7825 17.4136 12.8691 17.1797 12.8691C16.9395 12.8691 16.733 12.7827 16.5605 12.6104C16.3942 12.4379 16.3105 12.2341 16.3105 12C16.3106 11.7659 16.3942 11.5621 16.5605 11.3896C16.733 11.2173 16.9395 11.1318 17.1797 11.1318Z" fill="#222631"/>
+<path d="M15.6455 7.50879C15.8858 7.50879 16.0895 7.59508 16.2559 7.76758C16.4283 7.93389 16.5146 8.13774 16.5146 8.37793C16.5145 8.61176 16.4281 8.81496 16.2559 8.9873C16.0895 9.1598 15.8858 9.24609 15.6455 9.24609C15.4115 9.24607 15.2086 9.15967 15.0361 8.9873C14.8637 8.81491 14.7774 8.61186 14.7773 8.37793C14.7773 8.13766 14.8636 7.93392 15.0361 7.76758C15.2086 7.59526 15.4115 7.50881 15.6455 7.50879Z" fill="#222631"/>
+<path d="M11.9863 5.92871C12.2265 5.92876 12.433 6.01504 12.6055 6.1875C12.7778 6.35987 12.8642 6.56301 12.8643 6.79688C12.8643 7.037 12.7778 7.24358 12.6055 7.41602C12.433 7.58231 12.2265 7.66597 11.9863 7.66602C11.7522 7.66602 11.5485 7.58236 11.376 7.41602C11.2037 7.24358 11.1172 7.03699 11.1172 6.79688C11.1173 6.56303 11.2037 6.35986 11.376 6.1875C11.5485 6.015 11.7522 5.92871 11.9863 5.92871Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9951 2.4541C13.3135 2.4541 14.5491 2.7005 15.7012 3.19336C16.8593 3.68621 17.8762 4.37033 18.751 5.24512C19.6255 6.11974 20.309 7.13608 20.8018 8.29395C21.3008 9.44599 21.5508 10.6816 21.5508 12C21.5508 13.3184 21.3008 14.5566 20.8018 15.7148C20.3089 16.8668 19.6257 17.8775 18.751 18.7461C17.8762 19.6209 16.8594 20.305 15.7012 20.7979C14.5491 21.2969 13.3135 21.5459 11.9951 21.5459C10.677 21.5459 9.4419 21.2967 8.29004 20.7979C7.13798 20.305 6.12385 19.6209 5.24902 18.7461C4.37427 17.8775 3.68747 16.8668 3.18848 15.7148C2.69566 14.5567 2.44922 13.3183 2.44922 12C2.44922 10.6816 2.69562 9.44599 3.18848 8.29395C3.68742 7.136 4.37444 6.11979 5.24902 5.24512C6.12385 4.37029 7.13798 3.68622 8.29004 3.19336C9.44195 2.70061 10.6769 2.45413 11.9951 2.4541ZM11.9951 4.33887C10.9417 4.3389 9.94972 4.53904 9.01953 4.93945C8.09544 5.33374 7.28239 5.88265 6.58008 6.58496C5.87781 7.2811 5.32621 8.0942 4.92578 9.02441C4.53152 9.94849 4.33496 10.9404 4.33496 12C4.33496 13.0596 4.53153 14.0515 4.92578 14.9756C5.3262 15.8996 5.87782 16.7127 6.58008 17.415C7.28238 18.1173 8.09545 18.6663 9.01953 19.0605C9.94972 19.461 10.9417 19.6611 11.9951 19.6611C13.0546 19.6611 14.0467 19.4609 14.9707 19.0605C15.8948 18.6663 16.7088 18.1174 17.4111 17.415C18.1194 16.7128 18.6702 15.8995 19.0645 14.9756C19.4587 14.0515 19.6562 13.0596 19.6562 12C19.6562 10.9404 19.4587 9.94852 19.0645 9.02441C18.6702 8.09434 18.1194 7.28102 17.4111 6.58496C16.7088 5.88264 15.8948 5.33374 14.9707 4.93945C14.0467 4.53912 13.0546 4.33887 11.9951 4.33887Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-filled.svg
new file mode 100644
index 000000000..c2ac3e72e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8799 1.57617C13.17 1.57617 13.412 1.65957 13.6055 1.82715C13.8054 1.98835 13.9408 2.20808 14.0117 2.48535L14.4951 4.57422C14.669 4.6322 14.8337 4.6934 14.9883 4.75781C15.1494 4.81582 15.2982 4.88028 15.4336 4.95117L17.2715 3.81934C17.51 3.67759 17.7488 3.62636 17.9873 3.66504C18.2323 3.6973 18.4545 3.8039 18.6543 3.98438L19.9219 5.23242C20.128 5.43224 20.2381 5.66116 20.251 5.91895C20.2702 6.1703 20.2049 6.41818 20.0566 6.66309L18.9541 8.47266C19.0121 8.60788 19.0733 8.75271 19.1377 8.90723C19.2022 9.06192 19.2643 9.22637 19.3223 9.40039L21.3818 9.89355C21.6591 9.95804 21.8755 10.0911 22.0303 10.291C22.1912 10.4908 22.2724 10.7322 22.2725 11.0156V12.7471C22.2725 13.0372 22.1914 13.2825 22.0303 13.4824C21.8755 13.6823 21.6591 13.8144 21.3818 13.8789L19.3027 14.3721C19.2511 14.5268 19.1957 14.6822 19.1377 14.8369C19.0797 14.9851 19.0119 15.1331 18.9346 15.2812L20.0381 17.0615C20.1926 17.2999 20.2572 17.5546 20.2314 17.8252C20.2121 18.0895 20.1021 18.3216 19.9023 18.5215L18.6641 19.75C18.4642 19.9499 18.2355 20.0597 17.9775 20.0791C17.7196 20.1049 17.471 20.0438 17.2324 19.8955L15.4336 18.8027C15.2919 18.8671 15.1405 18.9284 14.9795 18.9863C14.8247 19.0508 14.6628 19.1119 14.4951 19.1699L14.0117 21.2305C13.9408 21.514 13.8053 21.733 13.6055 21.8877C13.412 22.0489 13.17 22.1299 12.8799 22.1299H11.1104C10.8266 22.1299 10.5847 22.0489 10.3848 21.8877C10.185 21.733 10.0495 21.514 9.97852 21.2305L9.49512 19.1699C9.32762 19.1119 9.16302 19.0507 9.00195 18.9863C8.84727 18.9283 8.69844 18.8672 8.55664 18.8027L6.75781 19.8955C6.51923 20.0438 6.27062 20.1049 6.0127 20.0791C5.7548 20.0597 5.52605 19.9499 5.32617 19.75L4.09766 18.5215C3.89785 18.3216 3.78458 18.0895 3.75879 17.8252C3.73306 17.5546 3.79761 17.2999 3.95215 17.0615L5.0459 15.2812C4.98149 15.1331 4.91694 14.985 4.85254 14.8369C4.78806 14.6822 4.73264 14.5268 4.6875 14.3721L2.61816 13.8789C2.33444 13.8144 2.1114 13.6823 1.9502 13.4824C1.79551 13.2826 1.71777 13.0372 1.71777 12.7471V11.0156C1.71785 10.7322 1.7957 10.4907 1.9502 10.291C2.1114 10.0911 2.33444 9.95804 2.61816 9.89355L4.66797 9.40039C4.71954 9.22637 4.77832 9.06192 4.84277 8.90723C4.90716 8.75271 4.96841 8.60788 5.02637 8.47266L3.93359 6.66309C3.78538 6.41816 3.72095 6.17031 3.74023 5.91895C3.75957 5.66115 3.87199 5.43224 4.07812 5.23242L5.32617 3.99414C5.52599 3.79432 5.74824 3.68112 5.99316 3.65527C6.2381 3.62305 6.48026 3.6776 6.71875 3.81934L8.54688 4.94141C8.68871 4.87049 8.84078 4.80275 9.00195 4.73828C9.163 4.67387 9.32763 4.61266 9.49512 4.55469L9.97852 2.48535C10.0494 2.20808 10.1849 1.98835 10.3848 1.82715C10.5846 1.65956 10.8267 1.57617 11.1104 1.57617H12.8799ZM12 8.47266C11.3746 8.47266 10.8039 8.62373 10.2881 8.92676C9.77868 9.22983 9.3724 9.63941 9.06934 10.1553C8.7663 10.6711 8.61427 11.2384 8.61426 11.8574C8.61426 12.4764 8.76634 13.0438 9.06934 13.5596C9.3724 14.0754 9.77868 14.485 10.2881 14.7881C10.8039 15.0911 11.3745 15.2432 12 15.2432C12.619 15.2432 13.183 15.0911 13.6924 14.7881C14.2082 14.485 14.6178 14.0754 14.9209 13.5596C15.2239 13.0438 15.376 12.4764 15.376 11.8574C15.376 11.2384 15.2239 10.6711 14.9209 10.1553C14.6178 9.63941 14.2082 9.22983 13.6924 8.92676C13.183 8.62378 12.6189 8.47266 12 8.47266Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded-filled.svg
new file mode 100644
index 000000000..afe2d9d08
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.1604 21.75C10.8912 21.75 10.6618 21.6735 10.4721 21.5206C10.2825 21.3738 10.154 21.1658 10.0867 20.8966L9.68925 19.2034C9.65105 19.0407 9.5318 18.9096 9.37524 18.851C9.30279 18.8239 9.23101 18.7961 9.15988 18.7676C9.09695 18.744 9.03514 18.7199 8.97446 18.6952C8.82514 18.6343 8.65532 18.6434 8.51752 18.7271L7.03094 19.6302C6.80459 19.7709 6.56906 19.8291 6.32435 19.8046C6.07965 19.7862 5.86247 19.6822 5.67282 19.4926L4.50741 18.3272C4.31776 18.1375 4.21071 17.9173 4.18624 17.6665C4.16176 17.4095 4.22294 17.1679 4.36976 16.9415L5.27375 15.4696C5.35707 15.3339 5.36889 15.1661 5.3054 15.0201C5.27799 14.957 5.25058 14.894 5.22318 14.8309C5.19937 14.7738 5.17695 14.7167 5.15592 14.6595C5.09541 14.4951 4.96195 14.3654 4.79153 14.3248L3.10341 13.9225C2.83424 13.8613 2.62318 13.7359 2.47024 13.5462C2.32341 13.3566 2.25 13.1241 2.25 12.8488V11.2062C2.25 10.9371 2.32341 10.7076 2.47024 10.518C2.62318 10.3284 2.83424 10.2029 3.10341 10.1418L4.77534 9.73956C4.94459 9.69884 5.07731 9.57024 5.13624 9.40645C5.16096 9.33775 5.18688 9.27086 5.214 9.20576C5.24006 9.14322 5.26557 9.08234 5.29052 9.02313C5.35151 8.87837 5.34018 8.7131 5.25894 8.57866L4.35141 7.07682C4.21071 6.84435 4.14953 6.60882 4.16788 6.37024C4.18624 6.12553 4.29329 5.90835 4.48906 5.71871L5.67282 4.54412C5.86247 4.35447 6.07353 4.24741 6.306 4.22294C6.53847 4.19235 6.76788 4.24435 6.99424 4.37894L8.49778 5.30175C8.64132 5.38985 8.81959 5.39626 8.97383 5.32862C9.03426 5.30212 9.09628 5.27615 9.15988 5.25071C9.2309 5.2223 9.30259 5.19455 9.37493 5.16746C9.53166 5.10877 9.65098 4.97751 9.68905 4.81454L10.0867 3.11259C10.154 2.84953 10.2825 2.64153 10.4721 2.48859C10.6618 2.32953 10.8912 2.25 11.1604 2.25H12.8396C13.1149 2.25 13.3444 2.32953 13.5279 2.48859C13.7175 2.64153 13.846 2.84953 13.9133 3.11259L14.3105 4.82855C14.3488 4.99389 14.4708 5.12615 14.6297 5.18582C14.7018 5.2129 14.7719 5.24065 14.8401 5.26906C14.8989 5.29022 14.9559 5.31229 15.011 5.33526C15.1698 5.40135 15.352 5.39733 15.4984 5.30717L17.0058 4.37894C17.2321 4.24435 17.4585 4.19541 17.6848 4.23212C17.9173 4.26271 18.1284 4.36365 18.318 4.53494L19.5201 5.71871C19.7159 5.90835 19.8199 6.12553 19.8321 6.37024C19.8505 6.60882 19.7893 6.84435 19.6486 7.07682L18.7334 8.57814C18.6512 8.71283 18.6395 8.87886 18.7008 9.02424C18.7256 9.0831 18.7509 9.14361 18.7768 9.20576C18.8055 9.27465 18.8336 9.34556 18.8609 9.41849C18.9201 9.57616 19.0507 9.6976 19.2145 9.73682L20.9058 10.1418C21.1688 10.2029 21.3738 10.3284 21.5206 10.518C21.6735 10.7076 21.75 10.9371 21.75 11.2062V12.8488C21.75 13.1241 21.6735 13.3566 21.5206 13.5462C21.3738 13.7359 21.1688 13.8613 20.9058 13.9225L19.1969 14.3278C19.0327 14.3668 18.901 14.4881 18.8442 14.647C18.8223 14.7083 18.7998 14.7696 18.7768 14.8309C18.7544 14.8883 18.7304 14.9457 18.7049 15.0031C18.635 15.1604 18.6397 15.3428 18.7304 15.4891L19.6302 16.9415C19.7771 17.1679 19.8382 17.4095 19.8138 17.6665C19.7954 17.9173 19.6914 18.1375 19.5018 18.3272L18.3272 19.4926C18.1375 19.6822 17.9204 19.7862 17.6756 19.8046C17.4309 19.8291 17.1954 19.7709 16.9691 19.6302L15.4825 18.7271C15.3447 18.6434 15.1749 18.6345 15.0251 18.6941C14.9621 18.7192 14.8974 18.7437 14.8309 18.7676C14.7634 18.7958 14.6946 18.8233 14.6244 18.8501C14.4683 18.9099 14.349 19.0407 14.3107 19.2034L13.9133 20.8966C13.846 21.1658 13.7175 21.3738 13.5279 21.5206C13.3444 21.6735 13.1149 21.75 12.8396 21.75H11.1604ZM12.0046 15.2164C12.5919 15.2164 13.1272 15.0726 13.6105 14.7851C14.0999 14.4975 14.4884 14.1091 14.7759 13.6196C15.0634 13.1302 15.2072 12.5919 15.2072 12.0046C15.2072 11.4173 15.0634 10.8789 14.7759 10.3895C14.4884 9.90012 14.0999 9.51165 13.6105 9.22412C13.1272 8.93659 12.5919 8.79282 12.0046 8.79282C11.4112 8.79282 10.8698 8.93659 10.3804 9.22412C9.89706 9.51165 9.51165 9.90012 9.22412 10.3895C8.93659 10.8789 8.79282 11.4173 8.79282 12.0046C8.79282 12.5919 8.93659 13.1302 9.22412 13.6196C9.51165 14.1091 9.89706 14.4975 10.3804 14.7851C10.8698 15.0726 11.4112 15.2164 12.0046 15.2164Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded-notif.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded-notif.svg
new file mode 100644
index 000000000..132ad31d7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded-notif.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9189 2.25C13.1953 2.25001 13.4457 2.3087 13.6694 2.42558C13.7821 2.48446 13.8075 2.62817 13.7436 2.73805C13.4896 3.17453 13.2941 3.64908 13.1676 4.15113C13.1323 4.29107 12.9001 4.29945 12.8662 4.15918L12.8643 4.15137C12.8568 4.09599 12.8379 4.06309 12.8154 4.04395C12.7925 4.02453 12.756 4.00984 12.6963 4.00977H11.3311C11.2676 4.00981 11.2266 4.025 11.2002 4.0459C11.1747 4.06633 11.1542 4.09929 11.1445 4.1543L11.1436 4.15918L10.6934 6.06641C10.6454 6.26942 10.4882 6.42416 10.293 6.48438C10.1066 6.54171 9.92124 6.61023 9.7373 6.68848C9.57215 6.75669 9.41853 6.82641 9.28027 6.89648C9.10171 6.98681 8.88533 6.98869 8.70996 6.88281L7.04199 5.87305C6.9928 5.84608 6.95009 5.83782 6.91309 5.8418C6.87604 5.84581 6.83666 5.86359 6.79492 5.90039L5.8457 6.83203L5.80273 6.8916C5.7933 6.91101 5.78855 6.93092 5.78711 6.94922C5.78435 6.98613 5.79451 7.03021 5.82715 7.08301L6.86035 8.76465C6.96364 8.93289 6.9684 9.14225 6.88281 9.31738C6.81834 9.44916 6.75074 9.596 6.67969 9.75586C6.60206 9.93058 6.53591 10.112 6.48145 10.2998C6.42328 10.5001 6.26664 10.664 6.05859 10.7139L4.15918 11.1689L4.1582 11.1699C4.10127 11.1823 4.06602 11.204 4.04492 11.2295C4.02404 11.2549 4.00981 11.2926 4.00977 11.3486V12.6875C4.00988 12.7469 4.02464 12.7847 4.04492 12.8096C4.06511 12.8341 4.09848 12.8544 4.1543 12.8643L4.15918 12.8652L6.06641 13.3154C6.2696 13.3633 6.42509 13.5205 6.48535 13.7158C6.54119 13.8973 6.60585 14.0741 6.67969 14.2451L6.89746 14.707C6.98552 14.8832 6.9799 15.095 6.875 15.2646L5.83691 16.9434C5.80711 16.9962 5.79707 17.0391 5.7998 17.0732C5.80264 17.1065 5.81821 17.1403 5.85254 17.1748L6.80762 18.1201L6.81055 18.124L6.86719 18.1729C6.88504 18.1836 6.90226 18.1902 6.91797 18.1924C6.94918 18.1966 6.98815 18.188 7.03711 18.1562L7.03906 18.1553L8.71094 17.126C8.89104 17.0152 9.11503 17.0179 9.29688 17.1162C9.4408 17.1942 9.59291 17.2687 9.75293 17.3379L10.0137 17.4346C10.1011 17.4646 10.1897 17.4928 10.2783 17.5186C10.4767 17.5762 10.6372 17.7315 10.6865 17.9365L11.1436 19.8408L11.1445 19.8457C11.1542 19.9007 11.1747 19.9337 11.2002 19.9541C11.2266 19.975 11.2676 19.9902 11.3311 19.9902H12.6963C12.756 19.9902 12.7925 19.9755 12.8154 19.9561C12.8381 19.9368 12.8579 19.9047 12.8652 19.8486L12.8662 19.8398L13.3301 17.9395C13.3806 17.7325 13.5445 17.5768 13.7451 17.5205C13.9304 17.4686 14.1067 17.4077 14.2734 17.3379C14.4297 17.2688 14.5791 17.1952 14.7217 17.1172C14.9032 17.0179 15.1275 17.0145 15.3076 17.125L16.9707 18.1455L16.9727 18.1475C17.0256 18.1827 17.0678 18.1929 17.1006 18.1895C17.1328 18.186 17.1689 18.1679 17.208 18.124L17.2109 18.1211L18.1562 17.167L18.1602 17.1631L18.2002 17.1152C18.2084 17.1 18.2125 17.0847 18.2139 17.0693C18.2166 17.0362 18.2062 16.9915 18.1729 16.9346L17.1484 15.2725C17.0404 15.0971 17.0406 14.8798 17.1318 14.7002C17.2039 14.5585 17.2724 14.4071 17.3379 14.2471L17.3389 14.2451C17.4113 14.0773 17.4738 13.9057 17.5264 13.7305C17.5857 13.5329 17.7409 13.3725 17.9463 13.3232L19.8594 12.8652L19.8633 12.8643C19.9194 12.8544 19.9534 12.8342 19.9736 12.8096C19.9939 12.7847 20.0087 12.7468 20.0088 12.6875V11.3486C20.0087 11.2926 19.9945 11.2549 19.9736 11.2295C19.9525 11.204 19.9173 11.1823 19.8604 11.1699L19.8594 11.1689C19.7043 11.1318 19.7146 10.8666 19.8691 10.827C20.2937 10.718 20.6985 10.5595 21.0771 10.3581C21.2842 10.248 21.5525 10.2897 21.6439 10.5057C21.7267 10.7017 21.7685 10.9145 21.7686 11.1436V12.9004C21.7686 13.2312 21.6825 13.5288 21.5107 13.79L21.4316 13.8994C21.2129 14.1867 20.9187 14.374 20.5527 14.4609L19.1016 14.7988C19.0506 14.8107 19.0078 14.8469 18.9883 14.8955C18.9693 14.9431 18.9738 14.9976 19.001 15.041L19.7949 16.3047C19.9931 16.6268 20.072 16.9681 20.0283 17.3242C19.9953 17.6365 19.8686 17.9191 19.6514 18.1709L19.5518 18.2773L18.3037 19.5166C18.0317 19.7885 17.7141 19.9473 17.3525 19.9912C16.9956 20.0411 16.6535 19.9634 16.3311 19.7588L15.0557 18.9795C15.0132 18.9537 14.961 18.9477 14.9141 18.9639C14.86 18.9826 14.8187 19.0283 14.8057 19.084L14.4707 20.5342C14.384 20.9053 14.1994 21.2029 13.918 21.4219C13.6365 21.6408 13.3022 21.75 12.9189 21.75H11.1084C10.7252 21.75 10.3876 21.6413 10.1006 21.4229C9.81288 21.2038 9.62864 20.9061 9.54785 20.5342L9.21289 19.0908C9.19918 19.0316 9.15625 18.9831 9.09863 18.9639C9.04985 18.9477 8.99597 18.9546 8.95215 18.9814L7.68652 19.7578C7.3638 19.9626 7.01985 20.0421 6.65723 19.9922C6.30134 19.9483 5.98661 19.7883 5.71484 19.5166L4.4668 18.2773C4.18916 17.9997 4.02525 17.6809 3.98145 17.3242C3.93774 16.9676 4.01926 16.6268 4.22363 16.3047L5.02051 15.0352C5.04597 14.9943 5.05143 14.9437 5.03516 14.8984C5.01706 14.8482 4.97483 14.8099 4.92285 14.7979L3.4668 14.4609C3.10071 14.374 2.8027 14.1864 2.57812 13.8994C2.35991 13.6126 2.25 13.278 2.25 12.9004V11.1436C2.25005 10.766 2.35944 10.4345 2.57812 10.1533C2.79684 9.86632 3.09379 9.67678 3.46484 9.58398L4.89648 9.24023C4.95407 9.22638 5.00189 9.18445 5.02246 9.12891C5.04137 9.07737 5.03499 9.0192 5.00586 8.97266L4.21484 7.71191C4.01671 7.39585 3.93522 7.0588 3.97266 6.70312C4.01647 6.34638 4.17932 6.02674 4.45703 5.74902L5.70508 4.50098C5.97693 4.2353 6.29218 4.07529 6.64746 4.02539C7.00415 3.97533 7.34535 4.05148 7.66797 4.25L8.93066 5.02832C8.98107 5.05931 9.04351 5.06543 9.09863 5.04395C9.15634 5.02112 9.19888 4.97064 9.21289 4.91016L9.54785 3.46582L9.58301 3.33203C9.67632 3.02738 9.84922 2.77841 10.1006 2.58691L10.21 2.50781C10.472 2.33587 10.7726 2.25004 11.1084 2.25H12.9189Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0088 8.54688C12.6453 8.54688 13.2269 8.70161 13.75 9.01172C14.2715 9.32106 14.6877 9.73729 14.9971 10.2588C15.3073 10.7819 15.4619 11.3633 15.4619 12C15.4619 12.6308 15.307 13.2115 14.9971 13.7402C14.6877 14.2617 14.2715 14.6789 13.75 14.9883C13.2269 15.2984 12.6453 15.4531 12.0088 15.4531C11.3725 15.4531 10.7894 15.298 10.2607 14.9883C9.73897 14.6789 9.32116 14.263 9.01172 13.7412C8.70786 13.2125 8.55664 12.6306 8.55664 12C8.55664 11.3636 8.70761 10.7819 9.01172 10.2588C9.32116 9.73704 9.738 9.32114 10.2598 9.01172C10.7884 8.70197 11.3725 8.54695 12.0088 8.54688ZM12.0088 10.2266C11.6765 10.2266 11.3777 10.3066 11.1104 10.4658L11.1094 10.4648C10.9123 10.5849 10.7448 10.7368 10.6055 10.918L10.4746 11.1094C10.3156 11.3706 10.2363 11.6674 10.2363 12C10.2363 12.3263 10.3152 12.6229 10.4746 12.8906C10.6349 13.1596 10.8468 13.3741 11.1094 13.5342C11.3767 13.6934 11.6765 13.7734 12.0088 13.7734C12.3352 13.7734 12.6326 13.6937 12.9004 13.5342C13.1692 13.3739 13.3837 13.1595 13.5439 12.8906C13.7034 12.6229 13.7822 12.3263 13.7822 12C13.7822 11.709 13.7214 11.4462 13.5996 11.21L13.5439 11.1094C13.3837 10.8405 13.1692 10.6261 12.9004 10.4658C12.6326 10.3063 12.3352 10.2266 12.0088 10.2266Z" fill="#222631"/>
+<path d="M18.5 2.2002C20.3225 2.2002 21.7998 3.67746 21.7998 5.5C21.7998 7.32252 20.3225 8.7998 18.5 8.7998C16.6775 8.7998 15.2002 7.32251 15.2002 5.5C15.2002 3.67746 16.6775 2.2002 18.5 2.2002Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded.svg
new file mode 100644
index 000000000..311598813
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/gear-rounded.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9189 2.25C13.3023 2.25 13.6365 2.36175 13.9178 2.58644C14.1992 2.80532 14.3829 3.09965 14.4697 3.46532L14.4706 3.46627L14.8052 4.91029C14.8192 4.97081 14.8618 5.02073 14.9195 5.04354C14.9748 5.06526 15.0372 5.05955 15.0878 5.02842L16.3503 4.24971C16.673 4.05116 17.0143 3.97567 17.371 4.02573C17.7262 4.07564 18.0404 4.23543 18.3122 4.50109L19.5616 5.74949C19.8392 6.02711 19.9991 6.34532 20.0369 6.70209C20.0807 7.0583 20.0021 7.3958 19.8035 7.71234L19.0163 8.96736C18.9854 9.01668 18.9802 9.07789 19.0021 9.1318C19.0241 9.18576 19.0712 9.22586 19.1278 9.23953L20.5529 9.58353C20.9187 9.67037 21.2122 9.8579 21.4309 10.1449C21.6552 10.4317 21.7683 10.7658 21.7683 11.1438V12.9006C21.7683 13.2315 21.6821 13.5286 21.5103 13.7899L21.4318 13.8995C21.2131 14.1868 20.9189 14.374 20.5529 14.4609L19.1014 14.7992C19.0503 14.8111 19.0074 14.8469 18.9879 14.8956C18.9689 14.9432 18.9739 14.9977 19.0012 15.0411L19.795 16.3047C19.9933 16.6268 20.0721 16.9682 20.0284 17.3244C19.9954 17.6367 19.8686 17.9193 19.6514 18.1711L19.5521 18.277L18.3037 19.5169C18.0316 19.7889 17.7138 19.9475 17.3521 19.9913C16.9951 20.0412 16.6539 19.9634 16.3314 19.7588L15.0556 18.9791C15.0131 18.9533 14.9609 18.9477 14.9139 18.964C14.8598 18.9828 14.8192 19.0283 14.8061 19.084L14.4706 20.5337C14.3839 20.9051 14.1995 21.203 13.9178 21.4221C13.6363 21.641 13.3022 21.75 12.9189 21.75H11.1082C10.725 21.75 10.3878 21.6414 10.1008 21.423C9.81284 21.2039 9.62868 20.9059 9.54792 20.5337L9.21338 19.0907C9.19967 19.0315 9.15664 18.9833 9.09903 18.964C9.05014 18.9477 8.99649 18.9541 8.95254 18.981L7.68619 19.7579C7.36341 19.9627 7.01972 20.0422 6.65704 19.9922C6.30115 19.9483 5.9866 19.7885 5.71483 19.5169L4.46643 18.277C4.18879 17.9993 4.02543 17.6811 3.98162 17.3244C3.93787 16.9677 4.01915 16.6268 4.22355 16.3047L5.02022 15.0355C5.04587 14.9946 5.05167 14.9439 5.03534 14.8984C5.01726 14.8482 4.97489 14.8103 4.92288 14.7983L3.46657 14.4609C3.10048 14.374 2.80281 14.1865 2.57823 13.8995C2.35996 13.6127 2.25031 13.2783 2.25031 12.9006V11.1438C2.25031 10.7661 2.3595 10.4346 2.57823 10.1534C2.79695 9.86639 3.09363 9.67633 3.46468 9.58353L4.89642 9.24048C4.95406 9.22665 5.00153 9.18454 5.02211 9.12896C5.0411 9.07738 5.03521 9.01962 5.00605 8.97303L4.21505 7.71234C4.01673 7.39615 3.93472 7.05888 3.97217 6.70304C4.01598 6.34629 4.17927 6.0272 4.45698 5.74949L5.70538 4.50109C5.97725 4.2354 6.29228 4.07562 6.64759 4.02573C7.0043 3.97567 7.3456 4.05116 7.66823 4.24971L8.93081 5.02842C8.98136 5.05951 9.04378 5.06525 9.09903 5.04354C9.15674 5.02072 9.19937 4.97077 9.21338 4.91029L9.54792 3.46627L9.58289 3.33207C9.67624 3.02725 9.8492 2.77798 10.1008 2.58644L10.2104 2.508C10.4725 2.33605 10.7724 2.25004 11.1082 2.25H12.9189ZM11.3312 4.00967C11.2676 4.00969 11.2263 4.02464 11.1999 4.04558C11.1743 4.06601 11.1537 4.09923 11.1441 4.15426L11.1432 4.15899L10.6933 6.06608C10.6454 6.26939 10.4882 6.42458 10.2926 6.48473C10.1061 6.54211 9.92101 6.61054 9.73693 6.68886C9.57178 6.75708 9.41874 6.8267 9.28047 6.89677C9.1018 6.98718 8.8851 6.98867 8.70967 6.8826L7.04167 5.87329C6.99248 5.84632 6.95015 5.83812 6.91314 5.84211C6.87606 5.84611 6.8368 5.86383 6.79501 5.9007L5.84525 6.83251L5.80272 6.89205C5.79329 6.91146 5.7881 6.93045 5.78665 6.94875C5.78378 6.98575 5.79451 7.02994 5.82729 7.08295L6.86022 8.76512C6.96351 8.93337 6.96849 9.14189 6.8829 9.31703C6.81839 9.44888 6.75082 9.59553 6.67972 9.75553C6.60202 9.93037 6.53576 10.1119 6.48126 10.2999C6.4231 10.5002 6.26687 10.6639 6.05883 10.7138L4.15929 11.1693L4.15835 11.1703C4.10125 11.1827 4.06603 11.2042 4.04494 11.2298C4.02403 11.2552 4.00998 11.2927 4.00997 11.3489V12.687C4.01002 12.7469 4.02452 12.785 4.04494 12.8099C4.06517 12.8345 4.09854 12.8549 4.15457 12.8647L4.15929 12.8657L6.06639 13.3155C6.26967 13.3634 6.42483 13.5207 6.48504 13.7162C6.5409 13.8978 6.60584 14.0743 6.67972 14.2454L6.89708 14.7066C6.9854 14.8829 6.98034 15.0944 6.87534 15.2642L5.83674 16.9435C5.80693 16.9963 5.79715 17.0388 5.79988 17.073C5.80267 17.1065 5.81822 17.1404 5.85281 17.1751L6.8073 18.1201L6.81013 18.1239L6.86684 18.173C6.88475 18.1838 6.90211 18.1897 6.91787 18.1919C6.94911 18.1961 6.9879 18.1878 7.03694 18.156L7.03883 18.1551L8.71061 17.1259C8.89075 17.015 9.11463 17.0181 9.29654 17.1165C9.44051 17.1945 9.59292 17.2684 9.753 17.3376L10.0138 17.4349C10.1012 17.465 10.1898 17.4924 10.2784 17.5181C10.4769 17.5758 10.6374 17.7316 10.6867 17.9368L11.1432 19.841L11.1441 19.8457C11.1537 19.9008 11.1743 19.934 11.1999 19.9544C11.2263 19.9754 11.2676 19.9903 11.3312 19.9903H12.6959C12.7559 19.9903 12.7929 19.9758 12.8159 19.9563C12.8385 19.937 12.8577 19.9046 12.865 19.8486L12.866 19.8401L13.33 17.9396C13.3805 17.7326 13.5442 17.5773 13.7449 17.5209C13.9302 17.469 14.1063 17.4074 14.2731 17.3376C14.4296 17.2684 14.5794 17.1954 14.722 17.1174C14.9036 17.0181 15.1278 17.0143 15.308 17.125L16.9703 18.1456L16.9731 18.1475C17.0262 18.1828 17.0679 18.1926 17.1007 18.1891C17.133 18.1856 17.1692 18.168 17.2084 18.1239L17.2113 18.121L18.1563 17.1665L18.1601 17.1628L18.1998 17.1155C18.2081 17.1001 18.2126 17.0847 18.214 17.0692C18.2167 17.036 18.2066 16.9919 18.1733 16.935L17.148 15.2727C17.0399 15.0972 17.0405 14.8797 17.1319 14.7C17.2039 14.5583 17.2724 14.4074 17.3379 14.2473L17.3388 14.2454C17.4113 14.0775 17.4734 13.9057 17.526 13.7304C17.5853 13.5327 17.7409 13.3722 17.9465 13.3231L19.8593 12.8657L19.8631 12.8647C19.9194 12.8549 19.9533 12.8346 19.9736 12.8099C19.994 12.785 20.0085 12.7468 20.0086 12.687V11.3489C20.0086 11.2927 19.9945 11.2552 19.9736 11.2298C19.9525 11.2042 19.9174 11.1827 19.8602 11.1703L19.8593 11.1693L17.9531 10.7129C17.7489 10.6638 17.5939 10.504 17.5345 10.3074C17.4769 10.1168 17.4091 9.93272 17.3303 9.75553L17.3294 9.75363C17.2629 9.59626 17.1979 9.45257 17.1338 9.3227C17.0459 9.1447 17.0477 8.93111 17.1536 8.75851L18.1818 7.08295L18.1837 7.08106C18.2191 7.02793 18.2299 6.98435 18.2272 6.94875C18.2244 6.91361 18.2074 6.87507 18.1658 6.83345L17.2217 5.90731C17.1799 5.86802 17.1399 5.84906 17.1016 5.844C17.0635 5.83898 17.0192 5.84646 16.9674 5.87329L15.2957 6.89205C15.1226 6.9975 14.909 6.99832 14.7315 6.90906C14.5845 6.83514 14.4285 6.76534 14.2646 6.69831L14.2627 6.69737C14.0947 6.62313 13.9186 6.55783 13.7345 6.50174C13.5392 6.44219 13.3809 6.28783 13.3319 6.08498L12.866 4.15899L12.8641 4.15142C12.8566 4.09603 12.8384 4.06284 12.8159 4.04369C12.7929 4.02417 12.7559 4.00967 12.6959 4.00967H11.3312ZM12.0088 8.54682C12.6454 8.54682 13.2265 8.70166 13.7496 9.01178C14.2713 9.3212 14.6876 9.73749 14.997 10.2592C15.3073 10.7824 15.462 11.3633 15.462 12C15.462 12.6308 15.3069 13.2111 14.997 13.7398C14.6876 14.2616 14.2713 14.6788 13.7496 14.9882C13.2265 15.2983 12.6454 15.4532 12.0088 15.4532C11.3724 15.4531 10.7892 15.2981 10.2605 14.9882C9.73866 14.6788 9.32154 14.2626 9.01208 13.7408C8.70822 13.212 8.55657 12.6306 8.55657 12C8.55657 11.3636 8.70798 10.7823 9.01208 10.2592C9.32154 9.73741 9.73771 9.32123 10.2595 9.01178C10.7882 8.70194 11.3724 8.54688 12.0088 8.54682ZM12.0088 10.2262C11.6764 10.2262 11.3775 10.3069 11.1101 10.4662L11.1091 10.4653C10.9121 10.5853 10.7448 10.7367 10.6054 10.9179L10.475 11.1098C10.316 11.371 10.2359 11.6674 10.2359 12C10.2359 12.3263 10.3156 12.6225 10.475 12.8902C10.6353 13.1593 10.8465 13.3737 11.1091 13.5338C11.3766 13.6931 11.6764 13.7738 12.0088 13.7738C12.3352 13.7738 12.6322 13.6933 12.9 13.5338C13.1689 13.3735 13.3833 13.1592 13.5436 12.8902C13.703 12.6225 13.7827 12.3263 13.7827 12C13.7827 11.709 13.7212 11.4462 13.5993 11.2099L13.5436 11.1098C13.3833 10.8408 13.1689 10.6265 12.9 10.4662C12.6322 10.3067 12.3352 10.2262 12.0088 10.2262Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/globe.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/globe.svg
new file mode 100644
index 000000000..a4986a4ae
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/globe.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9951 1.78125C13.4064 1.78125 14.7287 2.04565 15.9619 2.57324C17.2017 3.10081 18.2901 3.83216 19.2266 4.76855C20.163 5.70502 20.8953 6.79339 21.4229 8.0332C21.957 9.26638 22.2236 10.5888 22.2236 12C22.2236 13.4111 21.9569 14.7368 21.4229 15.9766C20.8953 17.2098 20.163 18.2918 19.2266 19.2217C18.2901 20.1582 17.2018 20.8904 15.9619 21.418C14.7287 21.9521 13.4064 22.2188 11.9951 22.2188C10.5838 22.2187 9.26155 21.9521 8.02832 21.418C6.79506 20.8904 5.70992 20.1582 4.77344 19.2217C3.83702 18.2918 3.10155 17.2098 2.56738 15.9766C2.03992 14.7368 1.77637 13.4111 1.77637 12C1.7764 10.5888 2.03982 9.26638 2.56738 8.0332C3.10157 6.79338 3.83697 5.70502 4.77344 4.76855C5.70988 3.83213 6.79514 3.10082 8.02832 2.57324C9.26157 2.04565 10.5838 1.78125 11.9951 1.78125ZM7.97266 4.36328C7.20547 4.7711 6.51153 5.2817 5.8916 5.89648C5.10021 6.68787 4.47971 7.60449 4.03125 8.64648C3.58942 9.68841 3.36917 10.8064 3.36914 12C3.36914 13.1935 3.5895 14.3116 4.03125 15.3535C4.47968 16.3955 5.10027 17.3122 5.8916 18.1035C6.68959 18.8883 7.60936 19.5056 8.65137 19.9541C9.69336 20.4091 10.808 20.6367 11.9951 20.6367C13.1887 20.6367 14.3067 20.4091 15.3486 19.9541C16.3906 19.5056 17.3072 18.8883 18.0986 18.1035C18.89 17.3121 19.5105 16.3955 19.959 15.3535C20.1867 14.8244 20.3547 14.2753 20.4668 13.707C20.2315 13.5328 20.0315 13.3174 19.8691 13.0586C19.6252 12.6696 19.4344 12.2669 19.2959 11.8516C19.1574 11.4296 19.0384 11.0733 18.9395 10.7832C18.8406 10.4867 18.7319 10.338 18.6133 10.3379C18.5408 10.3379 18.4817 10.3716 18.4355 10.4375C18.396 10.4969 18.3423 10.5591 18.2764 10.625C18.217 10.6842 18.1251 10.7138 18 10.7139C17.8484 10.7139 17.6734 10.6452 17.4756 10.5068C17.2843 10.3617 17.0863 10.1964 16.8818 10.0117C16.6842 9.82064 16.4963 9.65599 16.3184 9.51758C16.1469 9.37249 16.0047 9.2998 15.8926 9.2998C15.774 9.29987 15.6652 9.35898 15.5664 9.47754C15.4676 9.59616 15.418 9.72809 15.418 9.87305C15.418 9.99835 15.5202 10.1374 15.7246 10.2891C15.929 10.4341 16.1631 10.5923 16.4268 10.7637C16.6904 10.9351 16.9245 11.1165 17.1289 11.3076C17.3334 11.4989 17.4355 11.6969 17.4355 11.9014C17.4355 12.1849 17.3502 12.4557 17.1787 12.7129C17.0073 12.9633 16.8322 13.187 16.6543 13.3848C16.4828 13.5826 16.3975 13.7385 16.3975 13.8506C16.3975 14.0945 16.4133 14.4046 16.4463 14.7803C16.4858 15.1561 16.3804 15.5482 16.1299 15.957C16.031 16.1219 15.8666 16.3926 15.6357 16.7686C15.405 17.1378 15.1214 17.5268 14.7852 17.9355C14.4554 18.3444 14.0825 18.6942 13.667 18.9844C13.2581 19.2746 12.8293 19.4199 12.3809 19.4199C11.8599 19.4199 11.4647 19.284 11.1943 19.0137C10.924 18.7433 10.7354 18.4008 10.6299 17.9854C10.531 17.5699 10.4751 17.1378 10.4619 16.6895C10.4553 16.2345 10.4522 15.8255 10.4521 15.4629C10.4521 15.0012 10.29 14.622 9.9668 14.3252C9.64366 14.0219 9.23163 13.8701 8.73047 13.8701C7.89967 13.8701 7.2536 13.6456 6.79199 13.1973C6.33035 12.7422 6.09961 12.109 6.09961 11.2979C6.09962 10.678 6.28088 10.1111 6.64355 9.59668C7.01287 9.08227 7.50386 8.66934 8.11719 8.35938C8.73049 8.04285 9.40374 7.88477 10.1357 7.88477C10.4654 7.8848 10.7954 7.92797 11.125 8.01367C11.4545 8.09934 11.751 8.18166 12.0146 8.26074C12.2783 8.33984 12.4797 8.37985 12.6182 8.37988C12.7501 8.37988 12.8523 8.31354 12.9248 8.18164C12.9973 8.04326 13.0341 7.87537 13.0342 7.67773C13.0342 7.54584 12.9678 7.38998 12.8359 7.21191C12.7107 7.03398 12.5493 6.88207 12.3516 6.75684C12.1538 6.62501 11.9492 6.55964 11.7383 6.55957C11.6791 6.55957 11.6326 6.57564 11.5996 6.6084C11.5667 6.6413 11.5435 6.6911 11.5303 6.75684C11.5171 6.90188 11.4675 7.02096 11.3818 7.11328C11.3027 7.19902 11.1868 7.24219 11.0352 7.24219C10.7913 7.24213 10.5835 7.18944 10.4121 7.08398C10.2407 6.97851 10.0857 6.87306 9.94727 6.76758C9.80887 6.65555 9.67062 6.59872 9.53223 6.59863C9.39373 6.59863 9.27153 6.66181 9.16602 6.78711C9.06718 6.90571 8.96161 7.04723 8.84961 7.21191C8.74409 7.37019 8.60823 7.50922 8.44336 7.62793C8.27858 7.74645 8.05792 7.80562 7.78125 7.80566C7.51086 7.80566 7.29597 7.73298 7.1377 7.58789C6.98628 7.44289 6.91022 7.24859 6.91016 7.00488C6.91016 6.80061 6.96301 6.62231 7.06836 6.4707C7.17388 6.31242 7.29608 6.15023 7.43457 5.98535C7.57295 5.814 7.69532 5.61661 7.80078 5.39258C7.9063 5.16835 7.95898 4.88712 7.95898 4.55078C7.959 4.48782 7.96449 4.42544 7.97266 4.36328ZM14.8438 5.0459C14.4351 5.04594 14.1155 5.11229 13.8848 5.24414C13.6606 5.37604 13.5479 5.56045 13.5479 5.79785C13.5479 5.96251 13.6007 6.09449 13.7061 6.19336C13.8182 6.29228 13.954 6.3418 14.1123 6.3418C14.277 6.34177 14.4089 6.31223 14.5078 6.25293C14.6133 6.19361 14.7484 6.1641 14.9131 6.16406C15.0119 6.16406 15.1143 6.20004 15.2197 6.27246C15.3252 6.33841 15.4674 6.37109 15.6455 6.37109C15.7641 6.37108 15.8633 6.3256 15.9424 6.2334C16.0215 6.1345 16.0605 6.0154 16.0605 5.87695C16.0605 5.64616 15.9424 5.45124 15.7051 5.29297C15.4743 5.12809 15.1867 5.0459 14.8438 5.0459Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/grade-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/grade-filled.svg
new file mode 100644
index 000000000..49e69bc68
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/grade-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.825 21L7.45 13.975L2 9.25L9.2 8.625L12 2L14.8 8.625L22 9.25L16.55 13.975L18.175 21L12 17.275L5.825 21Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/grade.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/grade.svg
new file mode 100644
index 000000000..9d208da97
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/grade.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.85 16.825L12 14.925L15.15 16.85L14.325 13.25L17.1 10.85L13.45 10.525L12 7.125L10.55 10.5L6.9 10.825L9.675 13.25L8.85 16.825ZM5.825 21L7.45 13.975L2 9.25L9.2 8.625L12 2L14.8 8.625L22 9.25L16.55 13.975L18.175 21L12 17.275L5.825 21Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/graphic_eq.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/graphic_eq.svg
new file mode 100644
index 000000000..432e7bf60
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/graphic_eq.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 18V6H9V18H7ZM11 22V2H13V22H11ZM3 14V10H5V14H3ZM15 18V6H17V18H15ZM19 14V10H21V14H19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/group-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/group-filled.svg
new file mode 100644
index 000000000..98b2d70d0
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/group-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM19 20V17C19 16.2667 18.7958 15.5625 18.3875 14.8875C17.9792 14.2125 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4208 19.05 13.6625C19.8 13.9042 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.2542 22.525 15.6625C22.8417 16.0708 23 16.5167 23 17V20H19ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9792 14.3 11.9375C14.0167 11.8958 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3958 10.675 14.6375 10.025C14.8792 9.375 15 8.7 15 8C15 7.3 14.8792 6.625 14.6375 5.975C14.3958 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.0625 14.3 4.0375C14.5333 4.0125 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/group.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/group.svg
new file mode 100644
index 000000000..26e1deb33
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/group.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM19 20V17C19 16.2667 18.7958 15.5625 18.3875 14.8875C17.9792 14.2125 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4208 19.05 13.6625C19.8 13.9042 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.2542 22.525 15.6625C22.8417 16.0708 23 16.5167 23 17V20H19ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9792 14.3 11.9375C14.0167 11.8958 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3958 10.675 14.6375 10.025C14.8792 9.375 15 8.7 15 8C15 7.3 14.8792 6.625 14.6375 5.975C14.3958 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.0625 14.3 4.0375C14.5333 4.0125 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8ZM3 18H15V17.2C15 17.0167 14.9542 16.85 14.8625 16.7C14.7708 16.55 14.65 16.4333 14.5 16.35C13.6 15.9 12.6917 15.5625 11.775 15.3375C10.8583 15.1125 9.93333 15 9 15C8.06667 15 7.14167 15.1125 6.225 15.3375C5.30833 15.5625 4.4 15.9 3.5 16.35C3.35 16.4333 3.22917 16.55 3.1375 16.7C3.04583 16.85 3 17.0167 3 17.2V18ZM9 10C9.55 10 10.0208 9.80417 10.4125 9.4125C10.8042 9.02083 11 8.55 11 8C11 7.45 10.8042 6.97917 10.4125 6.5875C10.0208 6.19583 9.55 6 9 6C8.45 6 7.97917 6.19583 7.5875 6.5875C7.19583 6.97917 7 7.45 7 8C7 8.55 7.19583 9.02083 7.5875 9.4125C7.97917 9.80417 8.45 10 9 10Z"
+    fill="currentColor"
+  />
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/groups-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/groups-1.svg
new file mode 100644
index 000000000..695de20ac
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/groups-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM8.125 16H15.9C15.7333 15.6667 15.2708 15.375 14.5125 15.125C13.7542 14.875 12.9167 14.75 12 14.75C11.0833 14.75 10.2458 14.875 9.4875 15.125C8.72917 15.375 8.275 15.6667 8.125 16ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12ZM12 10C12.2833 10 12.5208 9.90417 12.7125 9.7125C12.9042 9.52083 13 9.28333 13 9C13 8.71667 12.9042 8.47917 12.7125 8.2875C12.5208 8.09583 12.2833 8 12 8C11.7167 8 11.4792 8.09583 11.2875 8.2875C11.0958 8.47917 11 8.71667 11 9C11 9.28333 11.0958 9.52083 11.2875 9.7125C11.4792 9.90417 11.7167 10 12 10Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/groups-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/groups-filled.svg
new file mode 100644
index 000000000..b37552a53
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/groups-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/groups.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/groups.svg
new file mode 100644
index 000000000..695de20ac
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/groups.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM8.125 16H15.9C15.7333 15.6667 15.2708 15.375 14.5125 15.125C13.7542 14.875 12.9167 14.75 12 14.75C11.0833 14.75 10.2458 14.875 9.4875 15.125C8.72917 15.375 8.275 15.6667 8.125 16ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12ZM12 10C12.2833 10 12.5208 9.90417 12.7125 9.7125C12.9042 9.52083 13 9.28333 13 9C13 8.71667 12.9042 8.47917 12.7125 8.2875C12.5208 8.09583 12.2833 8 12 8C11.7167 8 11.4792 8.09583 11.2875 8.2875C11.0958 8.47917 11 8.71667 11 9C11 9.28333 11.0958 9.52083 11.2875 9.7125C11.4792 9.90417 11.7167 10 12 10Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/hand-tap.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/hand-tap.svg
new file mode 100644
index 000000000..fd98d3968
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/hand-tap.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.49301 0.486572C8.4229 0.486572 9.27695 0.707503 10.0552 1.14937C10.8334 1.59123 11.4599 2.18807 11.9347 2.9399C12.4162 3.69172 12.6799 4.53588 12.7261 5.47236C12.7327 5.53172 12.736 5.59107 12.736 5.65043C12.7426 5.70978 12.7426 5.76254 12.736 5.80871C12.7228 6.01315 12.6404 6.18132 12.4887 6.31322C12.337 6.44512 12.1557 6.51107 11.9446 6.51107C11.7468 6.51107 11.5786 6.45171 11.4401 6.333C11.3016 6.2077 11.2225 6.02634 11.2027 5.78892C11.2027 5.74276 11.2027 5.70648 11.2027 5.6801C11.2027 5.64713 11.2027 5.61745 11.2027 5.59107C11.1697 4.92498 10.9817 4.32484 10.6388 3.79065C10.3025 3.25646 9.8606 2.83108 9.31322 2.51452C8.76584 2.19796 8.1591 2.03969 7.49301 2.03969C6.80714 2.03969 6.18062 2.20786 5.61345 2.5442C5.04628 2.88054 4.59453 3.329 4.25818 3.88957C3.92184 4.45014 3.75367 5.07666 3.75367 5.76914C3.75367 6.2044 3.82621 6.62648 3.9713 7.03537C4.12299 7.43766 4.32413 7.79709 4.57474 8.11364C4.72643 8.31149 4.78908 8.50934 4.7627 8.70719C4.73632 8.89845 4.64729 9.05672 4.4956 9.18203C4.35051 9.30733 4.17904 9.36998 3.9812 9.36998C3.86249 9.36998 3.74378 9.34361 3.62507 9.29084C3.51295 9.23149 3.40743 9.13586 3.30851 9.00396C2.96557 8.5621 2.69518 8.06088 2.49733 7.50031C2.30608 6.93974 2.21045 6.36268 2.21045 5.76914C2.21045 5.0371 2.34565 4.35452 2.61604 3.7214C2.89303 3.08169 3.27224 2.52112 3.75367 2.03969C4.2417 1.55166 4.80557 1.17245 5.44528 0.902055C6.08499 0.625066 6.76757 0.486572 7.49301 0.486572ZM16.9403 22.982C15.2388 23.6085 13.6263 23.681 12.1029 23.1996C10.5795 22.7248 9.16813 21.7092 7.86893 20.1527L4.51539 16.1067C4.40327 15.9682 4.29446 15.8133 4.18894 15.6418C4.09001 15.4637 4.01417 15.2956 3.96141 15.1373C3.75697 14.5833 3.78005 14.0854 4.03066 13.6435C4.28127 13.1951 4.66048 12.8818 5.16829 12.7037C5.51123 12.5784 5.85087 12.5554 6.18721 12.6345C6.52355 12.7136 6.84011 12.8983 7.13689 13.1885L8.10634 14.2272C8.13932 14.2667 8.17229 14.2799 8.20527 14.2667C8.24484 14.247 8.25803 14.2107 8.24484 14.1579L5.55409 6.77816C5.32327 6.14505 5.32987 5.56469 5.57388 5.0371C5.82449 4.5029 6.25646 4.12369 6.86979 3.89946C7.46334 3.68183 8.02061 3.70162 8.54161 3.95882C9.06921 4.20943 9.45172 4.65129 9.68914 5.28441L10.6982 8.08397C10.8762 7.96526 11.051 7.87293 11.2225 7.80698C11.6379 7.65529 12.0336 7.63551 12.4096 7.74762C12.7921 7.85314 13.1185 8.07078 13.3889 8.40053C13.6197 8.22246 13.8637 8.09056 14.1209 8.00483C14.5232 7.85314 14.9057 7.82347 15.2685 7.9158C15.6312 8.00813 15.9379 8.20597 16.1885 8.50934C17.092 8.19938 17.9098 8.26533 18.6418 8.70719C19.3804 9.14905 19.9509 9.92066 20.3532 11.022L21.1644 13.2478C21.7118 14.7581 21.8997 16.1562 21.7282 17.4422C21.5568 18.7282 21.0621 19.8461 20.2444 20.7958C19.4332 21.752 18.3318 22.4808 16.9403 22.982ZM16.4259 21.3794C17.5272 20.9771 18.3879 20.4067 19.0078 19.668C19.6343 18.9228 20.0004 18.0424 20.1059 17.0267C20.218 16.0045 20.0498 14.8735 19.6014 13.6336L18.8792 11.6452C18.6352 10.9923 18.3483 10.5241 18.0186 10.2405C17.6954 9.95694 17.3426 9.88439 16.9601 10.0229L17.3063 10.9627C17.3723 11.1539 17.3624 11.3386 17.2766 11.5166C17.1909 11.6881 17.059 11.8068 16.8809 11.8728C16.6963 11.9387 16.5116 11.9354 16.327 11.8629C16.1423 11.7903 16.017 11.6551 15.951 11.4573L15.4169 9.99321C15.3377 9.78217 15.2157 9.63378 15.0508 9.54805C14.886 9.46231 14.7013 9.45572 14.4969 9.52826C14.3188 9.60081 14.1638 9.69643 14.0319 9.81514L14.6452 11.5265C14.7178 11.7112 14.7079 11.8893 14.6156 12.0607C14.5298 12.2322 14.3979 12.3542 14.2199 12.4267C14.0418 12.4861 13.8604 12.4795 13.6758 12.407C13.4977 12.3278 13.3757 12.1926 13.3098 12.0014L12.4986 9.81514C12.426 9.59751 12.3073 9.44912 12.1425 9.36998C11.9776 9.28425 11.7962 9.28095 11.5984 9.36009C11.506 9.37988 11.4203 9.41945 11.3412 9.4788C11.262 9.53156 11.1895 9.58432 11.1235 9.63708L12.0139 12.0607C12.0798 12.2454 12.0699 12.4267 11.9842 12.6048C11.8984 12.7829 11.7633 12.9016 11.5786 12.9609C11.3939 13.0335 11.2093 13.0335 11.0246 12.9609C10.8465 12.8818 10.7245 12.7466 10.6586 12.5554L8.1657 5.72957C8.10634 5.54491 8.00082 5.4196 7.84914 5.35365C7.70405 5.28111 7.54577 5.27451 7.3743 5.33387C7.20283 5.39982 7.08083 5.50863 7.00828 5.66032C6.94233 5.812 6.94233 5.97358 7.00828 6.14505L10.5399 15.8495C10.6322 16.1067 10.6322 16.3376 10.5399 16.542C10.4476 16.7464 10.2926 16.8882 10.0749 16.9674C9.89688 17.0333 9.71222 17.0498 9.52096 17.0168C9.3363 16.9773 9.14505 16.8586 8.9472 16.6607L6.5928 14.2865C6.36198 14.0425 6.12456 13.9667 5.88054 14.059C5.70908 14.1184 5.59366 14.2173 5.53431 14.3558C5.47495 14.4943 5.47166 14.6361 5.52442 14.7811C5.57058 14.9065 5.63983 15.0219 5.73216 15.1274L9.10548 19.114C10.2464 20.466 11.4203 21.3003 12.6272 21.6168C13.8407 21.94 15.1069 21.8608 16.4259 21.3794Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/hands-clap.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/hands-clap.svg
new file mode 100644
index 000000000..abdb57a71
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/hands-clap.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.32031 3.80566C7.583 3.80572 7.80897 3.90079 7.99902 4.09082L14.2646 10.3643C14.3651 10.4647 14.4518 10.5155 14.5244 10.5156C14.5971 10.5156 14.6587 10.4897 14.709 10.4395C14.7592 10.3892 14.7873 10.3252 14.793 10.2471C14.7986 10.1688 14.7769 10.0673 14.7266 9.94434L13.7783 7.32812C13.6385 6.93114 13.577 6.60389 13.5938 6.34668C13.6161 6.08388 13.7338 5.8571 13.9463 5.66699C14.1363 5.49941 14.3406 5.42144 14.5586 5.43262C14.7764 5.44386 14.9691 5.54139 15.1367 5.72559C15.2374 5.83183 15.3519 6.00024 15.4805 6.22949C15.6091 6.45315 15.7408 6.69938 15.875 6.96777C16.0147 7.23606 16.1488 7.49332 16.2773 7.73926C16.473 8.10268 16.6663 8.4743 16.8564 8.85449C17.0521 9.23461 17.2391 9.62043 17.418 10.0117C17.5968 10.3974 17.7567 10.7832 17.8965 11.1689C18.0418 11.5546 18.1596 11.9351 18.249 12.3096C18.5901 13.4502 18.6398 14.513 18.3994 15.4971C18.159 16.4754 17.5863 17.4175 16.6807 18.3232C16.0712 18.9215 15.4167 19.3805 14.7178 19.6992C14.0188 20.0179 13.2974 20.1832 12.5537 20.1943C11.8101 20.2055 11.0691 20.0511 10.3311 19.7324C9.59864 19.4193 8.89971 18.93 8.23438 18.2646L2.53906 12.5703C2.34895 12.3802 2.25391 12.1534 2.25391 11.8906C2.25392 11.6224 2.34912 11.3932 2.53906 11.2031C2.7235 11.0131 2.94731 10.9181 3.20996 10.918C3.47823 10.918 3.7106 11.0154 3.90625 11.2109L7.50488 14.8096C7.53284 14.6866 7.56313 14.5602 7.59668 14.4316C7.6358 14.2975 7.67796 14.1634 7.72266 14.0293L2.55566 8.85449C2.3601 8.66442 2.2627 8.43752 2.2627 8.1748C2.26276 7.90653 2.35781 7.67735 2.54785 7.4873C2.73795 7.30284 2.96478 7.21094 3.22754 7.21094C3.49568 7.21104 3.72186 7.30296 3.90625 7.4873L8.67871 12.2598C8.7514 12.1591 8.82379 12.0609 8.89648 11.9658C8.97473 11.8652 9.05359 11.7679 9.13184 11.6729L3.94043 6.47266C3.74473 6.28254 3.64648 6.05577 3.64648 5.79297C3.64651 5.53022 3.74476 5.30336 3.94043 5.11328C4.1304 4.91793 4.35663 4.82037 4.61914 4.82031C4.88186 4.82031 5.10875 4.9177 5.29883 5.11328L10.5664 10.373C10.6725 10.3004 10.7754 10.2356 10.876 10.1797C10.9822 10.1182 11.0891 10.062 11.1953 10.0117L6.64062 5.45801C6.45054 5.26792 6.35549 5.04108 6.35547 4.77832C6.35547 4.51562 6.45066 4.28647 6.64062 4.09082C6.83074 3.90071 7.05751 3.80566 7.32031 3.80566Z" fill="#222631"/>
+<path d="M17.7539 5.43262C17.9774 5.4438 18.1731 5.54127 18.3408 5.72559C18.4359 5.83183 18.5482 6.00024 18.6768 6.22949C18.8109 6.45307 18.9482 6.6995 19.0879 6.96777C19.2276 7.23598 19.3585 7.49339 19.4814 7.73926C19.6715 8.10266 19.8649 8.47432 20.0605 8.85449C20.2562 9.2346 20.4432 9.62043 20.6221 10.0117C20.801 10.3974 20.9608 10.7832 21.1006 11.1689C21.246 11.5548 21.3637 11.9327 21.4531 12.3018C21.7885 13.4479 21.8361 14.5131 21.5957 15.4971C21.3553 16.4755 20.7816 17.4175 19.876 18.3232C19.3616 18.8377 18.8075 19.2491 18.2148 19.5566C17.6222 19.8641 17.0129 20.0597 16.3867 20.1436C16.7892 19.8697 17.175 19.5486 17.5439 19.1797C18.5672 18.1564 19.2357 17.057 19.5488 15.8828C19.8619 14.7031 19.8252 13.4198 19.4395 12.0332C19.35 11.6474 19.2333 11.2499 19.0879 10.8418C18.9425 10.4337 18.7773 10.0285 18.5928 9.62598C18.4139 9.21788 18.2259 8.82129 18.0303 8.43555C17.8402 8.04973 17.6501 7.68261 17.46 7.33594C17.3594 7.13484 17.2565 6.93352 17.1504 6.73242C17.0442 6.53113 16.9373 6.327 16.8311 6.12012C16.8926 5.94119 16.9994 5.79001 17.1504 5.66699C17.3348 5.49947 17.536 5.42144 17.7539 5.43262Z" fill="#222631"/>
+<path d="M10.5244 3.80566C10.7871 3.80575 11.0163 3.9008 11.2119 4.09082L12.6963 5.5752C12.6404 5.78762 12.6037 6.01132 12.5869 6.24609C12.5757 6.47528 12.5844 6.71846 12.6123 6.97559L9.79395 4.15723C9.81066 4.12938 9.82802 4.10756 9.84473 4.09082C10.0348 3.90071 10.2616 3.80566 10.5244 3.80566Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/hangout_video.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/hangout_video.svg
new file mode 100644
index 000000000..e0eff3fba
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/hangout_video.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 14H14C14.2833 14 14.5208 13.9042 14.7125 13.7125C14.9042 13.5208 15 13.2833 15 13V11L17 13V7L15 9V7C15 6.71667 14.9042 6.47917 14.7125 6.2875C14.5208 6.09583 14.2833 6 14 6H8C7.71667 6 7.47917 6.09583 7.2875 6.2875C7.09583 6.47917 7 6.71667 7 7V13C7 13.2833 7.09583 13.5208 7.2875 13.7125C7.47917 13.9042 7.71667 14 8 14ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/hd.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/hd.svg
new file mode 100644
index 000000000..ad3b8fc8b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/hd.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 15H7.5V13H9.5V15H11V9H9.5V11.5H7.5V9H6V15ZM13 15H17C17.2833 15 17.5208 14.9042 17.7125 14.7125C17.9042 14.5208 18 14.2833 18 14V10C18 9.71667 17.9042 9.47917 17.7125 9.2875C17.5208 9.09583 17.2833 9 17 9H13V15ZM14.5 13.5V10.5H16.5V13.5H14.5ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/headset.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/headset.svg
new file mode 100644
index 000000000..c2996410e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/headset.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0093 0.954224C13.4198 0.954224 14.7074 1.18208 15.8716 1.63782C17.0297 2.08751 18.0315 2.73168 18.8755 3.56946C19.7131 4.40102 20.3601 5.39585 20.8159 6.55383C21.2656 7.71194 21.4897 8.99668 21.4897 10.4073V11.8302C21.6868 11.9472 21.8444 12.1226 21.9614 12.3566C22.0723 12.5845 22.1274 12.8497 22.1274 13.1515L22.1187 16.922C22.1186 17.3468 21.9824 17.6851 21.7114 17.9376C21.4343 18.184 21.0712 18.3077 20.6216 18.3077C20.4484 18.3077 20.2798 18.2785 20.1147 18.2238C20.0578 18.4017 19.9629 18.5592 19.8267 18.6954C19.5926 18.9295 19.2971 19.0469 18.9399 19.047C18.5765 19.047 18.2775 18.9295 18.0435 18.6954C17.8095 18.4614 17.6919 18.1659 17.6919 17.8087V12.2277C17.6919 11.8705 17.8095 11.575 18.0435 11.3409C18.2775 11.1069 18.5765 10.9894 18.9399 10.9894C19.2605 10.9894 19.5311 11.0841 19.7524 11.2726V10.4161C19.7524 8.88239 19.4295 7.54232 18.7827 6.39661C18.1297 5.24476 17.224 4.35137 16.0659 3.71692C14.9017 3.0825 13.5492 2.76575 12.0093 2.76575C10.4632 2.76578 9.11068 3.08246 7.95264 3.71692C6.7886 4.35133 5.88358 5.24492 5.23682 6.39661C4.58389 7.54232 4.25737 8.88239 4.25732 10.4161V11.2726C4.47868 11.0841 4.74929 10.9894 5.06982 10.9894C5.43327 10.9894 5.73222 11.1069 5.96631 11.3409C6.20028 11.575 6.31787 11.8705 6.31787 12.2277V17.8087C6.31785 18.1659 6.20033 18.4614 5.96631 18.6954C5.73222 18.9295 5.43327 19.047 5.06982 19.047C4.71267 19.0469 4.41713 18.9295 4.18311 18.6954C4.17951 18.6918 4.17688 18.6873 4.17334 18.6837V18.9913C4.17334 19.3856 4.22945 19.6383 4.34033 19.7491C4.44509 19.8661 4.66676 19.9551 5.00537 20.0167L10.0093 20.8947C10.0548 20.8486 10.1058 20.8058 10.1616 20.7657C10.4019 20.5933 10.6733 20.5319 10.9751 20.5812L12.7583 20.9044C13.06 20.9599 13.2942 21.1076 13.4604 21.3478C13.6266 21.5879 13.6855 21.8559 13.6362 22.1515C13.5869 22.441 13.4419 22.6724 13.2017 22.8448C12.9554 23.0172 12.6873 23.0786 12.3979 23.0294L10.5962 22.6964C10.3005 22.6471 10.0692 22.4995 9.90283 22.2531C9.85049 22.1801 9.80918 22.1045 9.77783 22.0265L4.79248 21.1447C4.26288 21.0522 3.84095 20.8484 3.52686 20.5343C3.20664 20.2263 3.04639 19.7057 3.04639 18.9728V18.2794C2.75076 18.2311 2.50141 18.1181 2.29834 17.9376C2.02125 17.6851 1.88242 17.3468 1.88232 16.922L1.87256 13.1515C1.87257 12.8497 1.93131 12.5845 2.04834 12.3566C2.16532 12.1227 2.31945 11.9472 2.51025 11.8302V10.4073C2.51025 8.99668 2.7416 7.71194 3.20361 6.55383C3.65946 5.39581 4.30631 4.40103 5.14404 3.56946C5.98182 2.73168 6.98271 2.08751 8.14697 1.63782C9.30501 1.182 10.5926 0.95425 12.0093 0.954224Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/help.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/help.svg
new file mode 100644
index 000000000..e4b301259
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/help.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/hide.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/hide.svg
new file mode 100644
index 000000000..b54d11d29
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/hide.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.29311 1.29301C1.68363 0.902497 2.31665 0.902489 2.70717 1.29301L22.7072 21.293C23.0976 21.6835 23.0977 22.3166 22.7072 22.7071C22.3167 23.0976 21.6836 23.0975 21.2931 22.7071L17.3136 18.7276C16.0435 19.3716 14.6655 19.7822 13.2453 19.9336C11.5697 20.1122 9.87471 19.9285 8.27651 19.3946C6.67838 18.8606 5.21328 17.9887 3.98159 16.8389C2.74995 15.689 1.77925 14.2873 1.13686 12.7295C1.13236 12.7186 1.12828 12.7064 1.12416 12.6954C0.957708 12.2465 0.957563 11.7526 1.12416 11.3038L1.13686 11.2705C1.94391 9.31341 3.26315 7.61972 4.9435 6.35746L1.29311 2.70707C0.902585 2.31655 0.902585 1.68353 1.29311 1.29301ZM6.37319 7.78715C4.87918 8.84294 3.70768 10.3014 3.00014 11.9991C3.53322 13.2787 4.33243 14.4308 5.34584 15.377C6.36791 16.3312 7.58412 17.054 8.9103 17.4971C10.2365 17.9402 11.643 18.0925 13.0333 17.9444C13.9911 17.8423 14.9244 17.5949 15.8068 17.2207L14.0304 15.4444C13.4096 15.8102 12.6969 16.0064 11.965 16C10.9164 15.9908 9.91354 15.5696 9.17202 14.8282C8.43051 14.0866 8.00934 13.0838 8.00014 12.0352C7.99378 11.303 8.18868 10.5895 8.55483 9.96879L6.37319 7.78715ZM10.0685 11.4825C10.0221 11.6555 9.99856 11.8354 10.0001 12.0176C10.0047 12.5419 10.2153 13.0433 10.5861 13.4141C10.9568 13.7848 11.4583 13.9954 11.9826 14C12.1643 14.0016 12.3431 13.9759 12.5158 13.9297L10.0685 11.4825Z" fill="#222631"/>
+<path d="M10.6144 4.08305C13.1603 3.77967 15.736 4.31779 17.9474 5.61527C20.0205 6.83172 21.6673 8.65316 22.6701 10.8291L22.8624 11.2696L22.8751 11.3028C23.0417 11.7516 23.0417 12.2455 22.8751 12.6944C22.8711 12.7054 22.8669 12.7167 22.8624 12.7276C22.4608 13.7015 21.9291 14.6169 21.2833 15.4493C20.9449 15.8855 20.3173 15.9651 19.881 15.627C19.4451 15.2884 19.365 14.6599 19.7033 14.2237C20.2317 13.5425 20.6666 12.7937 20.9982 11.9981C20.1852 10.0463 18.7599 8.41035 16.9357 7.33988C15.1009 6.26338 12.9631 5.81666 10.8507 6.0684C10.3025 6.13342 9.80473 5.74161 9.7394 5.1934C9.67463 4.64551 10.0665 4.14856 10.6144 4.08305Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/hide_source.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/hide_source.svg
new file mode 100644
index 000000000..e558d63a0
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/hide_source.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.775 22.625L17.5 20.35C16.6833 20.8833 15.8125 21.2917 14.8875 21.575C13.9625 21.8583 13 22 12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 11 2.14167 10.0375 2.425 9.1125C2.70833 8.1875 3.11667 7.31667 3.65 6.5L1.375 4.225L2.8 2.8L21.2 21.2L19.775 22.625ZM12 20C12.7167 20 13.4125 19.9083 14.0875 19.725C14.7625 19.5417 15.4167 19.2667 16.05 18.9L5.1 7.95C4.73333 8.58333 4.45833 9.2375 4.275 9.9125C4.09167 10.5875 4 11.2833 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20ZM20.35 17.5L18.9 16.05C19.2667 15.4167 19.5417 14.7625 19.725 14.0875C19.9083 13.4125 20 12.7167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C11.2833 4 10.5875 4.09167 9.9125 4.275C9.2375 4.45833 8.58333 4.73333 7.95 5.1L6.5 3.65C7.31667 3.11667 8.1875 2.70833 9.1125 2.425C10.0375 2.14167 11 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13 21.8583 13.9625 21.575 14.8875C21.2917 15.8125 20.8833 16.6833 20.35 17.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/history.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/history.svg
new file mode 100644
index 000000000..1193d9355
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/history.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/home-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/home-filled.svg
new file mode 100644
index 000000000..76b533308
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/home-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 21V9L12 3L20 9V21H14V14H10V21H4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/house.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/house.svg
new file mode 100644
index 000000000..9dbf77bee
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/house.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 20V10.85L2.2 13L1 11.4L12 3L16 6.05V4H19V8.35L23 11.4L21.8 13L19 10.85V20H13V14H11V20H5ZM7 18H9V12H15V18H17V9.325L12 5.525L7 9.325V18ZM10 10.025H14C14 9.49167 13.8 9.05417 13.4 8.7125C13 8.37083 12.5333 8.2 12 8.2C11.4667 8.2 11 8.37083 10.6 8.7125C10.2 9.05417 10 9.49167 10 10.025Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/how_to_vote.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/how_to_vote.svg
new file mode 100644
index 000000000..992438e33
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/how_to_vote.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V15.45L5.75 12.325L7.175 13.75L5.175 16H18.825L16.875 13.8L18.3 12.375L21 15.45V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V18H5V20ZM10.625 14.375L7.1 10.85C6.71667 10.4667 6.52917 9.99583 6.5375 9.4375C6.54583 8.87916 6.74167 8.40833 7.125 8.025L12.025 3.125C12.4083 2.74166 12.8833 2.54166 13.45 2.525C14.0167 2.50833 14.4917 2.69166 14.875 3.075L18.4 6.6C18.7833 6.98333 18.9833 7.45 19 8C19.0167 8.55 18.8333 9.01666 18.45 9.4L13.45 14.4C13.0667 14.7833 12.5958 14.9708 12.0375 14.9625C11.4792 14.9542 11.0083 14.7583 10.625 14.375ZM17 8.025L13.475 4.5L8.525 9.45L12.05 12.975L17 8.025Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/identity.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/identity.svg
new file mode 100644
index 000000000..ec3bb30b6
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/identity.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.417 3.90625C20.359 3.90625 21.0701 4.14639 21.5498 4.62598C22.0295 5.09994 22.2695 5.79981 22.2695 6.72461V17.2842C22.2695 18.209 22.0295 18.9089 21.5498 19.3828C21.0701 19.8566 20.359 20.0938 19.417 20.0938H4.57422C3.638 20.0938 2.92993 19.8566 2.4502 19.3828C1.97046 18.9089 1.73047 18.209 1.73047 17.2842V6.72461C1.73047 5.79981 1.97046 5.09994 2.4502 4.62598C2.92993 4.14638 3.638 3.90625 4.57422 3.90625H19.417ZM8.44922 12.5938C7.79626 12.5938 7.23264 12.7042 6.75879 12.9238C6.28505 13.1434 5.8921 13.4147 5.58008 13.7383C5.26811 14.0618 5.03399 14.3855 4.87793 14.709C4.72773 15.0267 4.65243 15.29 4.65234 15.498C4.65234 15.6367 4.69263 15.7583 4.77344 15.8623C4.86013 15.9606 4.98165 16.0098 5.1377 16.0098H11.7617C11.9235 16.0097 12.0451 15.9605 12.126 15.8623C12.2068 15.7583 12.2471 15.6366 12.2471 15.498C12.247 15.29 12.1687 15.0267 12.0127 14.709C11.8624 14.3855 11.6313 14.0618 11.3193 13.7383C11.0073 13.4147 10.6114 13.1434 10.1318 12.9238C9.65788 12.7042 9.09658 12.5938 8.44922 12.5938ZM14.1289 14.8398C13.9613 14.8398 13.8217 14.8941 13.7119 15.0039C13.6079 15.1137 13.5566 15.2503 13.5566 15.4121C13.5567 15.5621 13.6081 15.6921 13.7119 15.8018C13.8217 15.9058 13.9613 15.958 14.1289 15.958H18.6807C18.8365 15.9579 18.9694 15.9057 19.0791 15.8018C19.1888 15.6921 19.244 15.5622 19.2441 15.4121C19.2441 15.2503 19.1889 15.1137 19.0791 15.0039C18.9694 14.8943 18.8365 14.8399 18.6807 14.8398H14.1289ZM14.1289 11.4492C13.9613 11.4492 13.8217 11.5044 13.7119 11.6143C13.608 11.7183 13.5566 11.8459 13.5566 11.9961C13.5567 12.1577 13.6081 12.2936 13.7119 12.4033C13.8217 12.5131 13.9613 12.5684 14.1289 12.5684H18.6807C18.8365 12.5683 18.9694 12.513 19.0791 12.4033C19.1888 12.2936 19.2441 12.1578 19.2441 11.9961C19.2441 11.8458 19.1889 11.7183 19.0791 11.6143C18.9694 11.5045 18.8365 11.4493 18.6807 11.4492H14.1289ZM8.44922 7.90332C8.10267 7.9034 7.78491 7.99587 7.49609 8.18066C7.20712 8.36561 6.97613 8.61167 6.80273 8.91797C6.63511 9.22431 6.55078 9.5627 6.55078 9.93262C6.55086 10.5278 6.73566 11.0221 7.10547 11.415C7.48106 11.808 7.9292 12.0038 8.44922 12.0039C8.9752 12.0039 9.42403 11.8081 9.79395 11.415C10.1637 11.0221 10.3486 10.5277 10.3486 9.93262C10.3486 9.5627 10.2613 9.22431 10.0879 8.91797C9.92028 8.61167 9.69229 8.36561 9.40332 8.18066C9.12014 7.99577 8.80174 7.90332 8.44922 7.90332ZM14.1289 8.05078C13.9613 8.05078 13.8217 8.106 13.7119 8.21582C13.6081 8.31978 13.5567 8.45266 13.5566 8.61426C13.5566 8.77032 13.6079 8.90385 13.7119 9.01367C13.8217 9.11771 13.9613 9.16895 14.1289 9.16895H18.6807C18.8365 9.16885 18.9694 9.1175 19.0791 9.01367C19.1889 8.90385 19.2441 8.77032 19.2441 8.61426C19.2441 8.45256 19.1888 8.31981 19.0791 8.21582C18.9694 8.1061 18.8365 8.05088 18.6807 8.05078H14.1289Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/image-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/image-1.svg
new file mode 100644
index 000000000..012f0d689
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/image-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM6 17H18L14.25 12L11.25 16L9 13L6 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/image.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/image.svg
new file mode 100644
index 000000000..30dc9ef88
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/image.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19ZM6 17H18L14.25 12L11.25 16L9 13L6 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/info.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/info.svg
new file mode 100644
index 000000000..78c98bc64
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/info.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/insert_page_break.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/insert_page_break.svg
new file mode 100644
index 000000000..509b76c34
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/insert_page_break.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V17H6V20H18V17H20V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM4 11V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V11H18V9H13V4H6V11H4ZM9 15V13H15V15H9ZM17 15V13H23V15H17ZM1 15V13H7V15H1Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/interests.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/interests.svg
new file mode 100644
index 000000000..3e28c83f3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/interests.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 11L7 2L12 11H2ZM7 21C5.9 21 4.95833 20.6083 4.175 19.825C3.39167 19.0417 3 18.1 3 17C3 15.8833 3.39167 14.9375 4.175 14.1625C4.95833 13.3875 5.9 13 7 13C8.1 13 9.04167 13.3917 9.825 14.175C10.6083 14.9583 11 15.9 11 17C11 18.1 10.6083 19.0417 9.825 19.825C9.04167 20.6083 8.1 21 7 21ZM7 19C7.55 19 8.02083 18.8042 8.4125 18.4125C8.80417 18.0208 9 17.55 9 17C9 16.45 8.80417 15.9792 8.4125 15.5875C8.02083 15.1958 7.55 15 7 15C6.45 15 5.97917 15.1958 5.5875 15.5875C5.19583 15.9792 5 16.45 5 17C5 17.55 5.19583 18.0208 5.5875 18.4125C5.97917 18.8042 6.45 19 7 19ZM5.4 9H8.6L7 6.125L5.4 9ZM13 21V13H21V21H13ZM15 19H19V15H15V19ZM17 11C16.05 10.2 15.2542 9.525 14.6125 8.975C13.9708 8.425 13.4583 7.94167 13.075 7.525C12.6917 7.10833 12.4167 6.71667 12.25 6.35C12.0833 5.98333 12 5.59167 12 5.175C12 4.425 12.2625 3.79167 12.7875 3.275C13.3125 2.75833 13.9667 2.5 14.75 2.5C15.2 2.5 15.6208 2.60417 16.0125 2.8125C16.4042 3.02083 16.7333 3.30833 17 3.675C17.2667 3.30833 17.5958 3.02083 17.9875 2.8125C18.3792 2.60417 18.8 2.5 19.25 2.5C20.0333 2.5 20.6875 2.75833 21.2125 3.275C21.7375 3.79167 22 4.425 22 5.175C22 5.59167 21.9167 5.98333 21.75 6.35C21.5833 6.71667 21.3083 7.10833 20.925 7.525C20.5417 7.94167 20.0292 8.425 19.3875 8.975C18.7458 9.525 17.95 10.2 17 11ZM17 8.375C18.2 7.375 19 6.66667 19.4 6.25C19.8 5.83333 20 5.49167 20 5.225C20 5.00833 19.9375 4.83333 19.8125 4.7C19.6875 4.56667 19.5167 4.5 19.3 4.5C19.1333 4.5 18.9708 4.54583 18.8125 4.6375C18.6542 4.72917 18.4583 4.89167 18.225 5.125L17 6.3L15.775 5.125C15.5417 4.89167 15.3458 4.72917 15.1875 4.6375C15.0292 4.54583 14.8667 4.5 14.7 4.5C14.4833 4.5 14.3125 4.56667 14.1875 4.7C14.0625 4.83333 14 5.00833 14 5.225C14 5.49167 14.2 5.83333 14.6 6.25C15 6.66667 15.8 7.375 17 8.375Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/inventory_2.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/inventory_2.svg
new file mode 100644
index 000000000..f9a7d9593
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/inventory_2.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V8.725C2.7 8.54167 2.45833 8.30417 2.275 8.0125C2.09167 7.72083 2 7.38333 2 7V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V7C22 7.38333 21.9083 7.72083 21.725 8.0125C21.5417 8.30417 21.3 8.54167 21 8.725V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 9V20H19V9H5ZM4 7H20V4H4V7ZM9 14H15V12H9V14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/justice-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/justice-filled.svg
new file mode 100644
index 000000000..3da89397d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/justice-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8196 3.27502C12.6849 3.20798 13.6964 3.68687 14.0579 4.51721C14.0768 4.56013 14.1142 4.58756 14.1526 4.59142C14.8334 4.65904 15.3735 4.76098 15.8938 4.94592C16.414 5.13089 16.9109 5.39715 17.5061 5.78869C17.7397 5.94233 18.0965 6.18728 18.4631 6.36389C18.6461 6.45197 18.8276 6.5207 18.9934 6.55334C19.16 6.58606 19.3027 6.58097 19.4143 6.53088L19.4153 6.5299C19.6268 6.43761 19.7781 6.25157 19.9504 6.04357C20.116 5.8438 20.3026 5.62243 20.5784 5.52502C20.9848 5.3817 21.3823 5.555 21.6213 5.8424C21.8598 6.12954 21.9569 6.54997 21.7444 6.9176C21.4197 7.47932 20.7654 8.09265 20.1252 8.36974C20.0592 8.39859 20.0302 8.47454 20.0549 8.53283C20.1459 8.74738 20.2438 9.00351 20.3196 9.1881L20.9485 10.6988L22.9026 15.3326L22.9036 15.3336C22.9308 15.3995 22.9918 15.5488 23.0461 15.6969C23.0732 15.7707 23.099 15.8458 23.1184 15.9108C23.1366 15.9719 23.153 16.0369 23.1536 16.0836L23.1438 16.4108C23.091 17.1792 22.823 17.9715 22.3977 18.6578C21.9117 19.442 21.2157 20.0959 20.3889 20.4166C19.312 20.8343 17.9294 20.828 16.886 20.4C15.2308 19.7206 14.2216 17.8826 14.1331 16.1715V16.1686C14.1324 16.1406 14.1381 16.1077 14.1448 16.0778C14.1519 16.0459 14.1624 16.0086 14.1751 15.9674C14.2006 15.8844 14.2367 15.7799 14.2805 15.6627C14.3683 15.4281 14.4872 15.1351 14.6106 14.8395C14.8558 14.252 15.1268 13.6368 15.2014 13.4596L17.4397 8.13537C17.459 8.08941 17.4414 8.03478 17.3977 8.00842C16.8619 7.68751 16.355 7.35033 15.8245 7.08068C15.2967 6.81248 14.755 6.61682 14.1614 6.58264C14.1284 6.58074 14.0935 6.59878 14.0725 6.63342C14.0007 6.75264 13.9221 6.86816 13.8381 6.97912C13.3992 7.55026 12.8809 7.78055 12.1965 7.87267L12.1858 7.87365C11.6562 7.89164 11.2267 7.79582 10.8626 7.58361C10.4993 7.37182 10.2092 7.04801 9.94751 6.62658C9.92625 6.59251 9.88908 6.57499 9.85376 6.57775C9.11593 6.63917 8.69868 6.80402 8.16431 7.1051L7.57447 7.45275C7.26287 7.63733 6.94962 7.82036 6.63599 8.00158C6.59074 8.02791 6.57064 8.08757 6.59302 8.14025C6.64148 8.25434 6.69548 8.38995 6.74634 8.51818C6.79738 8.64689 6.84513 8.76886 6.88306 8.859L7.74048 10.8922C8.40108 12.459 9.06497 14.0318 9.72095 15.6012C9.74364 15.6555 9.78376 15.7647 9.81861 15.8727C9.83608 15.9269 9.85315 15.9827 9.86548 16.0319C9.87714 16.0784 9.8875 16.128 9.88794 16.1666V16.1686C9.88022 16.809 9.66181 17.4977 9.42017 18.0631C8.55729 20.0815 6.63448 21.0118 4.50904 20.6578C4.13575 20.5956 3.87503 20.527 3.52076 20.3707C2.37858 19.8667 1.57118 18.858 1.16138 17.7067C0.997368 17.2482 0.823369 16.6608 0.849857 16.1363V16.1276L0.882083 15.9733C0.925715 15.805 1.00191 15.5995 1.08228 15.401C1.19031 15.1341 1.313 14.8621 1.38599 14.6901L2.01392 13.1988C2.64244 11.7048 3.30964 10.0233 3.97681 8.53478C4.00042 8.48207 3.97534 8.41174 3.91333 8.38244C3.48923 8.18314 2.92063 7.7873 2.54908 7.32971C2.36342 7.10094 2.22092 6.84879 2.17603 6.5924C2.13038 6.33098 2.18753 6.06977 2.39087 5.83557C2.5753 5.62278 2.83915 5.49497 3.12036 5.48107H3.20728C3.40362 5.4918 3.56612 5.57065 3.7063 5.67834C3.8631 5.79888 3.99772 5.96033 4.12232 6.10607C4.38331 6.41132 4.60168 6.64005 4.95044 6.57287C5.26374 6.51234 5.6192 6.33846 5.97681 6.12951C6.15466 6.02559 6.33044 5.91378 6.50025 5.80627C6.66932 5.69922 6.83331 5.59579 6.98365 5.50744C7.30179 5.31868 7.63196 5.15044 7.97193 5.00451L8.23072 4.90197C8.80917 4.68761 9.23285 4.6409 9.8606 4.60217C9.89592 4.59991 9.92977 4.5779 9.94849 4.54357C10.3432 3.81016 10.9662 3.36697 11.8167 3.27502H11.8196ZM2.93384 16.109L7.79029 16.1119C7.4586 15.3141 5.79821 11.326 5.38306 10.3639L2.93384 16.109ZM18.6184 10.3707C17.8845 12.2332 16.5414 15.4101 16.2444 16.111L21.0842 16.1051L18.6184 10.3707Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/keep-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/keep-1.svg
new file mode 100644
index 000000000..1d20e59ad
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/keep-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 12L18 14V16H13V22L12 23L11 22V16H6V14L8 12V5H7V3H17V5H16V12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/keep.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/keep.svg
new file mode 100644
index 000000000..92d78aebc
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/keep.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M16 12L18 14V16H13V22L12 23L11 22V16H6V14L8 12V5H7V3H17V5H16V12ZM8.85 14H15.15L14 12.85V5H10V12.85L8.85 14Z"
+    fill="currentColor"
+  />
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/keep_off.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/keep_off.svg
new file mode 100644
index 000000000..a51dd3a2e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/keep_off.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M17 3V5H16V13.175L14 11.175V5H10V7.175L7.00002 4.175V3H17ZM12 23L11 22V16H6.00002V14L8.00002 12V10.85L1.40002 4.2L2.80002 2.8L21.2 21.2L19.75 22.6L13.15 16H13V22L12 23ZM8.85003 14H11.15L10 12.85L8.85003 14Z"
+    fill="currentColor"
+  />
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/key-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/key-filled.svg
new file mode 100644
index 000000000..77391c36e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/key-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0046 0.599976C12.8309 0.599976 13.6052 0.756058 14.3275 1.06822C15.0559 1.37427 15.6955 1.80273 16.2464 2.35361C16.7972 2.89837 17.2257 3.53494 17.5318 4.26333C17.8439 4.98559 18 5.75988 18 6.5862C18 7.82874 17.6297 8.95499 16.8891 9.96493C16.1546 10.9688 15.0987 11.7614 13.7215 12.3429L15.9985 14.6291C16.127 14.7637 16.1913 14.9137 16.1913 15.0789C16.1974 15.2442 16.1362 15.3911 16.0077 15.5196L13.6664 17.8517L15.3466 19.5135C15.469 19.6421 15.5302 19.789 15.5302 19.9542C15.5363 20.1256 15.4751 20.2756 15.3466 20.4041L12.4453 23.3054C12.3229 23.4278 12.179 23.4829 12.0138 23.4707C11.8485 23.4584 11.7169 23.4033 11.619 23.3054L10.0306 21.7538C9.93267 21.6558 9.85922 21.5487 9.81025 21.4324C9.76741 21.3222 9.74598 21.1998 9.74598 21.0652V12.1593C8.98087 11.8471 8.31676 11.4125 7.75363 10.8555C7.19663 10.2985 6.76511 9.65277 6.45907 8.91826C6.15302 8.18375 6 7.4064 6 6.5862C6 5.75376 6.15302 4.97641 6.45907 4.25415C6.77123 3.52576 7.19969 2.88919 7.74445 2.34443C8.29533 1.79355 8.93191 1.36509 9.65417 1.05904C10.3826 0.752998 11.166 0.599976 12.0046 0.599976ZM12.0046 6.02614C12.4269 6.02614 12.7881 5.87618 13.088 5.57626C13.3879 5.27633 13.5379 4.9152 13.5379 4.49286C13.5379 4.0644 13.3879 3.70327 13.088 3.40946C12.7881 3.10954 12.4269 2.95958 12.0046 2.95958C11.57 2.95958 11.2058 3.10954 10.912 3.40946C10.6182 3.70327 10.4713 4.0644 10.4713 4.49286C10.4713 4.9152 10.6182 5.27633 10.912 5.57626C11.2119 5.87618 11.5761 6.02614 12.0046 6.02614Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/key.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/key.svg
new file mode 100644
index 000000000..32b400f9c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/key.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3235 22.9396L9.88209 21.6839C9.7465 21.566 9.64923 21.4215 9.59027 21.2506C9.53721 21.0855 9.51069 20.9234 9.51069 20.7642V12.4606C8.79145 12.1363 8.16949 11.6971 7.6448 11.143C7.12012 10.5888 6.71334 9.958 6.42447 9.25055C6.14149 8.53721 6 7.78261 6 6.98674C6 6.15549 6.15328 5.3773 6.45984 4.65217C6.7664 3.92704 7.19381 3.29329 7.74208 2.75092C8.29624 2.20265 8.93589 1.77524 9.66102 1.46868C10.3861 1.15623 11.1673 1 12.0044 1C12.8298 1 13.605 1.15623 14.3301 1.46868C15.0612 1.77524 15.7008 2.20265 16.2491 2.75092C16.7973 3.29919 17.2248 3.93589 17.5313 4.66102C17.8438 5.38615 18 6.16139 18 6.98674C18 8.15991 17.6758 9.22697 17.0273 10.1879C16.3788 11.143 15.4562 11.9182 14.2594 12.5136L16.0192 14.2822C16.2078 14.4768 16.3021 14.7038 16.3021 14.9632C16.308 15.2225 16.2167 15.4466 16.028 15.6352L14.0914 17.563L15.4001 18.8629C15.5888 19.0516 15.6831 19.2756 15.6831 19.535C15.689 19.7944 15.5976 20.0214 15.409 20.2159L12.6765 22.9484C12.4819 23.1371 12.2579 23.2255 12.0044 23.2137C11.7568 23.2019 11.5298 23.1105 11.3235 22.9396ZM12.0044 21.3744L13.8261 19.5262L12.6323 18.35V16.7583L14.4451 14.972L12.7561 13.2653V11.364C13.4871 11.199 14.1267 10.9042 14.675 10.4797C15.2233 10.0494 15.6478 9.53353 15.9484 8.9322C16.255 8.33088 16.4083 7.68239 16.4083 6.98674C16.4083 6.17318 16.2108 5.43331 15.8158 4.76713C15.4267 4.10096 14.8961 3.57038 14.224 3.17539C13.5578 2.7804 12.818 2.5829 12.0044 2.5829C11.3913 2.5829 10.8165 2.69786 10.28 2.92778C9.74355 3.1577 9.27192 3.47605 8.86514 3.88283C8.46426 4.28371 8.14886 4.74945 7.91894 5.28003C7.68902 5.81061 7.57406 6.37951 7.57406 6.98674C7.57406 7.69418 7.72144 8.34856 8.01621 8.94989C8.31688 9.54532 8.7266 10.0523 9.24539 10.4709C9.77008 10.8836 10.3685 11.1636 11.0405 11.311V20.4193L12.0044 21.3744ZM12.0044 6.74797C11.6035 6.74797 11.2646 6.60943 10.9875 6.33235C10.7104 6.04937 10.5718 5.71039 10.5718 5.3154C10.5718 4.92041 10.7104 4.58438 10.9875 4.3073C11.2646 4.03021 11.6035 3.89167 12.0044 3.89167C12.3994 3.89167 12.7354 4.03021 13.0125 4.3073C13.2955 4.58438 13.437 4.92041 13.437 5.3154C13.437 5.71039 13.2955 6.04937 13.0125 6.33235C12.7354 6.60943 12.3994 6.74797 12.0044 6.74797Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard.svg
new file mode 100644
index 000000000..55d131ada
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 19C3.45 19 2.97917 18.8042 2.5875 18.4125C2.19583 18.0208 2 17.55 2 17V7C2 6.45 2.19583 5.97917 2.5875 5.5875C2.97917 5.19583 3.45 5 4 5H20C20.55 5 21.0208 5.19583 21.4125 5.5875C21.8042 5.97917 22 6.45 22 7V17C22 17.55 21.8042 18.0208 21.4125 18.4125C21.0208 18.8042 20.55 19 20 19H4ZM4 17H20V7H4V17ZM8 16H16V14H8V16ZM5 13H7V11H5V13ZM8 13H10V11H8V13ZM11 13H13V11H11V13ZM14 13H16V11H14V13ZM17 13H19V11H17V13ZM5 10H7V8H5V10ZM8 10H10V8H8V10ZM11 10H13V8H11V10ZM14 10H16V8H14V10ZM17 10H19V8H17V10Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard_hide.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard_hide.svg
new file mode 100644
index 000000000..4d358376d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard_hide.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 23L8 19H16L12 23ZM4 17C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V15C22 15.55 21.8042 16.0208 21.4125 16.4125C21.0208 16.8042 20.55 17 20 17H4ZM4 15H20V5H4V15ZM8 14H16V12H8V14ZM5 11H7V9H5V11ZM8 11H10V9H8V11ZM11 11H13V9H11V11ZM14 11H16V9H14V11ZM17 11H19V9H17V11ZM5 8H7V6H5V8ZM8 8H10V6H8V8ZM11 8H13V6H11V8ZM14 8H16V6H14V8ZM17 8H19V6H17V8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard_return.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard_return.svg
new file mode 100644
index 000000000..190afb548
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/keyboard_return.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H19V7H21V13H6.8L10.4 16.6L9 18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/language.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/language.svg
new file mode 100644
index 000000000..832afb82b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/language.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 19.95C12.4333 19.35 12.8083 18.725 13.125 18.075C13.4417 17.425 13.7 16.7333 13.9 16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95ZM9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM14.6 19.55C15.5333 19.25 16.3625 18.7917 17.0875 18.175C17.8125 17.5583 18.4167 16.8333 18.9 16H15.95C15.8 16.6333 15.6125 17.2458 15.3875 17.8375C15.1625 18.4292 14.9 19 14.6 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM9.65 14H14.35C14.4 13.6667 14.4375 13.3375 14.4625 13.0125C14.4875 12.6875 14.5 12.35 14.5 12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14ZM16.35 14H19.75C19.8333 13.6667 19.8958 13.3375 19.9375 13.0125C19.9792 12.6875 20 12.35 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12C16.5 12.35 16.4875 12.6875 16.4625 13.0125C16.4375 13.3375 16.4 13.6667 16.35 14ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/lasuite-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/lasuite-filled.svg
new file mode 100644
index 000000000..edba45a2f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/lasuite-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.3995 9.1791C14.6959 9.20399 15.0612 9.41527 15.7918 9.83705L17.5101 10.829C18.091 11.1644 18.3817 11.3324 18.6134 11.5454C19.0415 11.9392 19.3392 12.4542 19.4661 13.0219C19.5348 13.3291 19.5347 13.6649 19.5347 14.3357V17.2622C19.5347 17.9327 19.5348 18.2681 19.4661 18.5752C19.3393 19.1427 19.0421 19.658 18.6141 20.0517C18.3825 20.2647 18.0922 20.4327 17.5116 20.7681L14.9754 22.2325C14.3945 22.5681 14.104 22.7362 13.8036 22.8305C13.2483 23.0046 12.6527 23.0046 12.0974 22.8305C11.7969 22.7363 11.5061 22.5682 10.9249 22.2325L9.20085 21.237C8.47009 20.8148 8.1046 20.6036 7.93491 20.3592C7.61775 19.9025 7.61799 19.2964 7.93562 18.84C8.10555 18.5958 8.47179 18.3851 9.203 17.9636L10.9306 16.9674C11.5123 16.6322 11.8033 16.4648 12.0353 16.2517C12.4639 15.858 12.7617 15.3425 12.8888 14.7745C12.9576 14.4671 12.958 14.1313 12.958 13.4601V11.4734C12.958 10.6298 12.9577 10.2075 13.0843 9.93838C13.3211 9.43551 13.8456 9.13264 14.3995 9.1791Z" fill="#222631"/>
+<path d="M10.1963 1.16953C10.7517 0.995411 11.3472 0.99541 11.9026 1.16953C12.203 1.26374 12.4934 1.43192 13.0743 1.76754L14.7984 2.76302C15.5291 3.18509 15.8946 3.3965 16.0644 3.64076C16.3816 4.09751 16.3813 4.7036 16.0637 5.16004C15.8937 5.40412 15.528 5.61504 14.797 6.03636L13.0686 7.03256C12.4873 7.36764 12.1966 7.53528 11.9647 7.74831C11.536 8.14207 11.2376 8.65743 11.1105 9.22548C11.0417 9.53287 11.042 9.8687 11.042 10.54V12.5266C11.042 13.3702 11.0423 13.7925 10.9157 14.0616C10.679 14.5645 10.1543 14.8673 9.60048 14.8209C9.30412 14.796 8.9387 14.5847 8.20822 14.163L6.48913 13.171C5.90836 12.8357 5.61828 12.6676 5.3866 12.4546C4.95845 12.0609 4.66076 11.5457 4.53384 10.9781C4.46517 10.6709 4.46533 10.3351 4.46533 9.66436V6.73784C4.46533 6.06733 4.46521 5.7319 4.53384 5.42479C4.6607 4.85729 4.95791 4.34203 5.38589 3.94833C5.61749 3.7353 5.9078 3.56727 6.48842 3.23187L9.02459 1.76754C9.60556 1.43193 9.89591 1.26375 10.1963 1.16953Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/left-panel.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/left-panel.svg
new file mode 100644
index 000000000..02e691f70
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/left-panel.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.04601 20.3381C3.04306 20.3381 2.28465 20.0812 1.77079 19.5673C1.25693 19.0597 1 18.3105 1 17.32V6.01815C1 5.02139 1.25693 4.26917 1.77079 3.7615C2.28465 3.25383 3.04306 3 4.04601 3H19.9447C20.9538 3 21.7154 3.25383 22.2292 3.7615C22.7431 4.26917 23 5.02139 23 6.01815V17.32C23 18.3105 22.7431 19.0597 22.2292 19.5673C21.7154 20.0812 20.9538 20.3381 19.9447 20.3381H4.04601ZM4.15745 18.5087H19.8425C20.2697 18.5087 20.5979 18.3972 20.8269 18.1743C21.056 17.9515 21.1705 17.614 21.1705 17.1621V6.16674C21.1705 5.72098 21.056 5.38666 20.8269 5.16378C20.5979 4.9409 20.2697 4.82946 19.8425 4.82946H4.15745C3.72407 4.82946 3.39285 4.9409 3.16378 5.16378C2.9409 5.38666 2.82946 5.72098 2.82946 6.16674V17.1621C2.82946 17.614 2.9409 17.9515 3.16378 18.1743C3.39285 18.3972 3.72407 18.5087 4.15745 18.5087ZM8.38286 18.8058V4.51372H10.1195V18.8058H8.38286ZM6.56268 8.22837H4.65893C4.49796 8.22837 4.35556 8.16646 4.23174 8.04263C4.11411 7.91881 4.0553 7.78261 4.0553 7.63402C4.0553 7.47305 4.11411 7.33376 4.23174 7.21613C4.35556 7.09849 4.49796 7.03968 4.65893 7.03968H6.56268C6.72984 7.03968 6.87224 7.09849 6.98987 7.21613C7.11369 7.33376 7.1756 7.47305 7.1756 7.63402C7.1756 7.78261 7.11369 7.91881 6.98987 8.04263C6.87224 8.16646 6.72984 8.22837 6.56268 8.22837ZM6.56268 10.7172H4.65893C4.49796 10.7172 4.35556 10.6584 4.23174 10.5407C4.11411 10.4169 4.0553 10.2745 4.0553 10.1136C4.0553 9.95877 4.11411 9.82257 4.23174 9.70494C4.35556 9.58731 4.49796 9.52849 4.65893 9.52849H6.56268C6.72984 9.52849 6.87224 9.58731 6.98987 9.70494C7.11369 9.82257 7.1756 9.95877 7.1756 10.1136C7.1756 10.2745 7.11369 10.4169 6.98987 10.5407C6.87224 10.6584 6.72984 10.7172 6.56268 10.7172ZM6.56268 13.1967H4.65893C4.49796 13.1967 4.35556 13.1379 4.23174 13.0203C4.11411 12.9026 4.0553 12.7664 4.0553 12.6117C4.0553 12.4507 4.11411 12.3114 4.23174 12.1938C4.35556 12.0761 4.49796 12.0173 4.65893 12.0173H6.56268C6.72984 12.0173 6.87224 12.0761 6.98987 12.1938C7.11369 12.3114 7.1756 12.4507 7.1756 12.6117C7.1756 12.7664 7.11369 12.9026 6.98987 13.0203C6.87224 13.1379 6.72984 13.1967 6.56268 13.1967Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/left_panel_close.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/left_panel_close.svg
new file mode 100644
index 000000000..91c3392d4
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/left_panel_close.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/left_panel_open.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/left_panel_open.svg
new file mode 100644
index 000000000..ea12e5428
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/left_panel_open.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 8V16L16.5 12L12.5 8ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/lightbulb-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/lightbulb-filled.svg
new file mode 100644
index 000000000..8454ba71b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/lightbulb-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 19V17H16V19H8ZM8.25 16C7.1 15.3167 6.1875 14.4 5.5125 13.25C4.8375 12.1 4.5 10.85 4.5 9.5C4.5 7.41667 5.22917 5.64583 6.6875 4.1875C8.14583 2.72917 9.91667 2 12 2C14.0833 2 15.8542 2.72917 17.3125 4.1875C18.7708 5.64583 19.5 7.41667 19.5 9.5C19.5 10.85 19.1625 12.1 18.4875 13.25C17.8125 14.4 16.9 15.3167 15.75 16H8.25Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/lightbulb.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/lightbulb.svg
new file mode 100644
index 000000000..a6b0917b8
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/lightbulb.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 19V17H16V19H8ZM8.25 16C7.1 15.3167 6.1875 14.4 5.5125 13.25C4.8375 12.1 4.5 10.85 4.5 9.5C4.5 7.41667 5.22917 5.64583 6.6875 4.1875C8.14583 2.72917 9.91667 2 12 2C14.0833 2 15.8542 2.72917 17.3125 4.1875C18.7708 5.64583 19.5 7.41667 19.5 9.5C19.5 10.85 19.1625 12.1 18.4875 13.25C17.8125 14.4 16.9 15.3167 15.75 16H8.25ZM8.85 14H15.15C15.9 13.4667 16.4792 12.8083 16.8875 12.025C17.2958 11.2417 17.5 10.4 17.5 9.5C17.5 7.96667 16.9667 6.66667 15.9 5.6C14.8333 4.53333 13.5333 4 12 4C10.4667 4 9.16667 4.53333 8.1 5.6C7.03333 6.66667 6.5 7.96667 6.5 9.5C6.5 10.4 6.70417 11.2417 7.1125 12.025C7.52083 12.8083 8.1 13.4667 8.85 14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/link.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/link.svg
new file mode 100644
index 000000000..787f1e16a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/link.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 17H7C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H11V9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H11V17ZM8 13V11H16V13H8ZM13 17V15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H13V7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/list.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/list.svg
new file mode 100644
index 000000000..7272b89da
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/list.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 9V7H21V9H7ZM7 13V11H21V13H7ZM7 17V15H21V17H7ZM4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7C4.28333 7 4.52083 7.09583 4.7125 7.2875C4.90417 7.47917 5 7.71667 5 8C5 8.28333 4.90417 8.52083 4.7125 8.7125C4.52083 8.90417 4.28333 9 4 9ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13ZM4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15C4.28333 15 4.52083 15.0958 4.7125 15.2875C4.90417 15.4792 5 15.7167 5 16C5 16.2833 4.90417 16.5208 4.7125 16.7125C4.52083 16.9042 4.28333 17 4 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/lock-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/lock-filled.svg
new file mode 100644
index 000000000..69cc9c4bc
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/lock-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/lock.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/lock.svg
new file mode 100644
index 000000000..8c66a6f50
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/lock.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/lock_person.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/lock_person.svg
new file mode 100644
index 000000000..04e02864b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/lock_person.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 18C18.4167 18 18.7708 17.8542 19.0625 17.5625C19.3542 17.2708 19.5 16.9167 19.5 16.5C19.5 16.0833 19.3542 15.7292 19.0625 15.4375C18.7708 15.1458 18.4167 15 18 15C17.5833 15 17.2292 15.1458 16.9375 15.4375C16.6458 15.7292 16.5 16.0833 16.5 16.5C16.5 16.9167 16.6458 17.2708 16.9375 17.5625C17.2292 17.8542 17.5833 18 18 18ZM18 21C18.5 21 18.9667 20.8833 19.4 20.65C19.8333 20.4167 20.1917 20.0917 20.475 19.675C20.0917 19.4417 19.6917 19.2708 19.275 19.1625C18.8583 19.0542 18.4333 19 18 19C17.5667 19 17.1417 19.0542 16.725 19.1625C16.3083 19.2708 15.9083 19.4417 15.525 19.675C15.8083 20.0917 16.1667 20.4167 16.6 20.65C17.0333 20.8833 17.5 21 18 21ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8ZM12.25 22H6C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V11.3C19.7 11.2 19.3875 11.125 19.0625 11.075C18.7375 11.025 18.3833 11 18 11V10H6V20H11.3C11.4333 20.4 11.5667 20.7458 11.7 21.0375C11.8333 21.3292 12.0167 21.65 12.25 22ZM18 23C16.6167 23 15.4375 22.5125 14.4625 21.5375C13.4875 20.5625 13 19.3833 13 18C13 16.6167 13.4875 15.4375 14.4625 14.4625C15.4375 13.4875 16.6167 13 18 13C19.3833 13 20.5625 13.4875 21.5375 14.4625C22.5125 15.4375 23 16.6167 23 18C23 19.3833 22.5125 20.5625 21.5375 21.5375C20.5625 22.5125 19.3833 23 18 23Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/login.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/login.svg
new file mode 100644
index 000000000..80862aab1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/login.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21V19H19V5H12V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H12ZM10 17L8.625 15.55L11.175 13H3V11H11.175L8.625 8.45L10 7L15 12L10 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/logout.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/logout.svg
new file mode 100644
index 000000000..821c2dd07
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/logout.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H12V21H5ZM16 17L14.625 15.55L17.175 13H9V11H17.175L14.625 8.45L16 7L21 12L16 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mail-check-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mail-check-filled.svg
new file mode 100644
index 000000000..138282017
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mail-check-filled.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9445 13.1616C20.4902 13.1616 21.0028 13.2643 21.4816 13.4702C21.9604 13.6761 22.3827 13.9621 22.7482 14.3276C23.1136 14.6931 23.3998 15.1182 23.6057 15.6021C23.8165 16.0806 23.922 16.5928 23.9221 17.1382C23.922 17.6785 23.8166 18.1889 23.6057 18.6675C23.3997 19.1513 23.111 19.5764 22.7404 19.9419C22.3749 20.3074 21.9499 20.5934 21.466 20.7993C20.9873 21.0104 20.4799 21.1157 19.9445 21.1157C19.3989 21.1157 18.8861 21.013 18.4074 20.8071C17.9289 20.6013 17.5072 20.3124 17.1418 19.9419C16.7763 19.5764 16.4876 19.154 16.2766 18.6753C16.0707 18.1966 15.968 17.6838 15.968 17.1382C15.968 16.5928 16.0708 16.0806 16.2766 15.6021C16.4876 15.1233 16.7763 14.701 17.1418 14.3354C17.5072 13.9649 17.9288 13.6761 18.4074 13.4702C18.8862 13.2643 19.3988 13.1616 19.9445 13.1616ZM21.7209 15.1382C21.5254 15.1382 21.3712 15.2208 21.258 15.3853L19.4348 17.9028L18.5392 16.9224C18.4878 16.8709 18.4283 16.8302 18.3615 16.7993C18.2946 16.7684 18.2149 16.7525 18.1223 16.7524C17.9729 16.7524 17.8437 16.8038 17.7355 16.9067C17.6276 17.0045 17.5734 17.1367 17.5734 17.3013C17.5735 17.3679 17.5869 17.4348 17.6125 17.5015C17.6434 17.5735 17.6824 17.6409 17.7287 17.7026L19.0256 19.1079C19.077 19.1696 19.1444 19.2157 19.2267 19.2466C19.309 19.2774 19.3888 19.2935 19.466 19.2935C19.6666 19.2934 19.8181 19.2233 19.9211 19.0845L22.1535 16.0112C22.1946 15.9547 22.223 15.8979 22.2385 15.8413C22.259 15.7849 22.2687 15.7332 22.2687 15.687C22.2687 15.5326 22.212 15.4032 22.0988 15.3003C21.9908 15.1925 21.8649 15.1382 21.7209 15.1382Z" fill="#222631"/>
+<path d="M15.2199 14.6362C15.0396 14.9711 14.8972 15.3319 14.7941 15.7183C14.6963 16.0995 14.6476 16.4966 14.6476 16.9087C14.6477 17.1764 14.6706 17.4393 14.717 17.6968C14.7633 17.9542 14.828 18.2065 14.9103 18.4536H3.14178C2.85845 18.4536 2.60549 18.4227 2.38397 18.3608C2.16271 18.3042 1.97493 18.2245 1.8205 18.1216L7.716 12.2173L8.7746 13.1606C9.01672 13.3719 9.25903 13.5293 9.50116 13.6323C9.7431 13.7352 9.99548 13.7866 10.258 13.7866C10.5207 13.7866 10.7737 13.7353 11.0158 13.6323C11.2631 13.5293 11.5081 13.3719 11.7502 13.1606L12.8088 12.2173L15.2199 14.6362Z" fill="#222631"/>
+<path d="M6.73456 11.3599L0.993347 17.0864C0.931528 16.937 0.882924 16.769 0.846863 16.5835C0.815972 16.3981 0.799988 16.1839 0.799988 15.9419V7.396C0.799988 7.13326 0.817637 6.90594 0.853699 6.71533C0.89489 6.51975 0.939199 6.37272 0.985535 6.2749L6.73456 11.3599Z" fill="#222631"/>
+<path d="M19.5392 6.2749C19.5804 6.37269 19.6211 6.51984 19.6623 6.71533C19.7035 6.90594 19.7248 7.13326 19.7248 7.396V11.8315C18.983 11.8315 18.2843 11.9863 17.6301 12.2954C16.9811 12.5993 16.4247 13.0089 15.9611 13.5239L13.7902 11.3599L19.5392 6.2749Z" fill="#222631"/>
+<path d="M17.1818 4.88428C17.8 4.88428 18.3103 5.01078 18.7121 5.26318L10.9689 12.1099C10.7372 12.3208 10.5 12.4263 10.258 12.4263C10.0212 12.4261 9.78389 12.3209 9.54706 12.1099L1.80487 5.26318C2.21172 5.01087 2.7214 4.88434 3.33417 4.88428H17.1818Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mail.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mail.svg
new file mode 100644
index 000000000..51d17704e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mail.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L4 8V18H20V8L12 13ZM12 11L20 6H4L12 11ZM4 8V6V18V8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/manufacturing.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/manufacturing.svg
new file mode 100644
index 000000000..4a75cbdac
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/manufacturing.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.85 12L5.55 10.5C5.35 10.4167 5.1625 10.3292 4.9875 10.2375C4.8125 10.1458 4.63333 10.0333 4.45 9.9L3 10.35L2 8.65L3.15 7.65C3.11667 7.43333 3.1 7.21667 3.1 7C3.1 6.78333 3.11667 6.56667 3.15 6.35L2 5.35L3 3.65L4.45 4.1C4.63333 3.96667 4.8125 3.85417 4.9875 3.7625C5.1625 3.67083 5.35 3.58333 5.55 3.5L5.85 2H7.85L8.15 3.5C8.35 3.58333 8.5375 3.67083 8.7125 3.7625C8.8875 3.85417 9.06667 3.96667 9.25 4.1L10.7 3.65L11.7 5.35L10.55 6.35C10.5833 6.56667 10.6 6.78333 10.6 7C10.6 7.21667 10.5833 7.43333 10.55 7.65L11.7 8.65L10.7 10.35L9.25 9.9C9.06667 10.0333 8.8875 10.1458 8.7125 10.2375C8.5375 10.3292 8.35 10.4167 8.15 10.5L7.85 12H5.85ZM6.85 9C7.4 9 7.87083 8.80417 8.2625 8.4125C8.65417 8.02083 8.85 7.55 8.85 7C8.85 6.45 8.65417 5.97917 8.2625 5.5875C7.87083 5.19583 7.4 5 6.85 5C6.3 5 5.82917 5.19583 5.4375 5.5875C5.04583 5.97917 4.85 6.45 4.85 7C4.85 7.55 5.04583 8.02083 5.4375 8.4125C5.82917 8.80417 6.3 9 6.85 9ZM14.8 23L14.35 20.9C14.0667 20.8 13.8042 20.6792 13.5625 20.5375C13.3208 20.3958 13.0833 20.2333 12.85 20.05L10.85 20.7L9.45 18.3L11.05 16.9C11.0167 16.6 11 16.3 11 16C11 15.7 11.0167 15.4 11.05 15.1L9.45 13.7L10.85 11.3L12.85 11.95C13.0833 11.7667 13.3208 11.6042 13.5625 11.4625C13.8042 11.3208 14.0667 11.2 14.35 11.1L14.8 9H17.6L18.05 11.1C18.3333 11.2 18.5958 11.3208 18.8375 11.4625C19.0792 11.6042 19.3167 11.7667 19.55 11.95L21.55 11.3L22.95 13.7L21.35 15.1C21.3833 15.4 21.4 15.7 21.4 16C21.4 16.3 21.3833 16.6 21.35 16.9L22.95 18.3L21.55 20.7L19.55 20.05C19.3167 20.2333 19.0792 20.3958 18.8375 20.5375C18.5958 20.6792 18.3333 20.8 18.05 20.9L17.6 23H14.8ZM16.2 19C17.0333 19 17.7417 18.7083 18.325 18.125C18.9083 17.5417 19.2 16.8333 19.2 16C19.2 15.1667 18.9083 14.4583 18.325 13.875C17.7417 13.2917 17.0333 13 16.2 13C15.3667 13 14.6583 13.2917 14.075 13.875C13.4917 14.4583 13.2 15.1667 13.2 16C13.2 16.8333 13.4917 17.5417 14.075 18.125C14.6583 18.7083 15.3667 19 16.2 19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mark_unread_chat_alt.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mark_unread_chat_alt.svg
new file mode 100644
index 000000000..4b1c80932
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mark_unread_chat_alt.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 14H14V12H6V14ZM6 11H18V9H6V11ZM6 8H18V7.9C17.3833 7.76667 16.8208 7.5375 16.3125 7.2125C15.8042 6.8875 15.3667 6.48333 15 6H6V8ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H14.1C14.0333 2.33333 14 2.66667 14 3C14 3.33333 14.0333 3.66667 14.1 4H4V17.125L5.15 16H20V7.9C20.3833 7.81667 20.7417 7.70417 21.075 7.5625C21.4083 7.42083 21.7167 7.23333 22 7V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM19 6C18.1667 6 17.4583 5.70833 16.875 5.125C16.2917 4.54167 16 3.83333 16 3C16 2.16667 16.2917 1.45833 16.875 0.875C17.4583 0.291667 18.1667 0 19 0C19.8333 0 20.5417 0.291667 21.125 0.875C21.7083 1.45833 22 2.16667 22 3C22 3.83333 21.7083 4.54167 21.125 5.125C20.5417 5.70833 19.8333 6 19 6Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/markdown.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/markdown.svg
new file mode 100644
index 000000000..32d5e5941
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/markdown.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 15L19 12L17.95 10.925L16.75 12.125V9H15.25V12.125L14.05 10.925L13 12L16 15ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18ZM5.5 15H7V10.5H8V13.5H9.5V10.5H10.5V15H12V10C12 9.71667 11.9042 9.47917 11.7125 9.2875C11.5208 9.09583 11.2833 9 11 9H6.5C6.21667 9 5.97917 9.09583 5.7875 9.2875C5.59583 9.47917 5.5 9.71667 5.5 10V15Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/maximize.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/maximize.svg
new file mode 100644
index 000000000..7bde25a14
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/maximize.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.29297 13.293C9.68349 12.9024 10.3165 12.9024 10.707 13.293C11.0976 13.6835 11.0976 14.3165 10.707 14.707L5.41406 20H9C9.55228 20 10 20.4477 10 21C10 21.5523 9.55228 22 9 22H3C2.44772 22 2 21.5523 2 21V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V18.5859L9.29297 13.293ZM22 9C22 9.55228 21.5523 10 21 10C20.4477 10 20 9.55228 20 9V5.41406L14.707 10.707C14.3165 11.0976 13.6835 11.0976 13.293 10.707C12.9024 10.3165 12.9024 9.68349 13.293 9.29297L18.5859 4H15C14.4477 4 14 3.55228 14 3C14 2.44772 14.4477 2 15 2H21C21.5523 2 22 2.44772 22 3V9Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/megaphone-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/megaphone-filled.svg
new file mode 100644
index 000000000..23667d306
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/megaphone-filled.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.28613 16.5527C6.39893 16.5584 6.49204 16.5605 6.56543 16.5605C7.65036 16.5831 8.49273 16.62 9.0918 16.6709C9.69654 16.7161 10.1887 16.7783 10.5674 16.8574L11.0508 19.0449C11.1525 19.4857 11.1409 19.8673 11.0166 20.1895C10.8923 20.5115 10.6887 20.7572 10.4062 20.9268C10.1237 21.102 9.80117 21.1895 9.43945 21.1895C8.91966 21.1894 8.51042 21.0566 8.21094 20.791C7.91139 20.5254 7.64795 20.1554 7.42188 19.6807L5.93848 16.5439C6.05715 16.5439 6.17311 16.5471 6.28613 16.5527Z" fill="#222631"/>
+<path d="M19.8252 2.81055C20.1811 2.81059 20.4944 2.88968 20.7656 3.04785C21.0424 3.20038 21.2576 3.41466 21.4102 3.69141C21.5684 3.96834 21.6475 4.28554 21.6475 4.6416V17.7646C21.6475 18.1151 21.5684 18.4291 21.4102 18.7061C21.2576 18.9829 21.0425 19.198 20.7656 19.3506C20.4945 19.503 20.181 19.5791 19.8252 19.5791C19.4691 19.5791 19.1519 19.5032 18.875 19.3506C18.6039 19.198 18.3897 18.9828 18.2314 18.7061C18.0788 18.4291 18.002 18.1151 18.002 17.7646V4.6416C18.002 4.28554 18.0788 3.96834 18.2314 3.69141C18.3896 3.41485 18.6041 3.20035 18.875 3.04785C19.1519 2.8896 19.4691 2.81055 19.8252 2.81055Z" fill="#222631"/>
+<path d="M16.7988 5.05664V17.417C16.8045 17.4679 16.8066 17.5163 16.8066 17.5615C15.9985 17.1659 15.1394 16.8212 14.2295 16.5273C13.3252 16.2278 12.4177 15.9822 11.5078 15.79C10.598 15.5923 9.73877 15.4478 8.93066 15.3574V7.1084C9.6767 7.02927 10.5082 6.89333 11.4238 6.70117C12.3392 6.50339 13.263 6.25455 14.1953 5.95508C15.1334 5.64991 16.0041 5.29988 16.8066 4.9043C16.801 4.95507 16.7988 5.00587 16.7988 5.05664Z" fill="#222631"/>
+<path d="M7.70996 15.3486H5.98926C4.80817 15.3486 3.90684 15.0492 3.28516 14.4502C2.66346 13.8455 2.35254 12.9749 2.35254 11.8389V10.627C2.35254 9.49094 2.66346 8.62037 3.28516 8.01562C3.90685 7.41093 4.80809 7.1084 5.98926 7.1084H7.70996V15.3486Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/menu.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/menu.svg
new file mode 100644
index 000000000..4d428dc82
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/menu.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mic-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mic-1.svg
new file mode 100644
index 000000000..623056062
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mic-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 14C11.1667 14 10.4583 13.7083 9.875 13.125C9.29167 12.5417 9 11.8333 9 11V5C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM11 21V17.925C9.26667 17.6917 7.83333 16.9167 6.7 15.6C5.56667 14.2833 5 12.75 5 11H7C7 12.3833 7.4875 13.5625 8.4625 14.5375C9.4375 15.5125 10.6167 16 12 16C13.3833 16 14.5625 15.5125 15.5375 14.5375C16.5125 13.5625 17 12.3833 17 11H19C19 12.75 18.4333 14.2833 17.3 15.6C16.1667 16.9167 14.7333 17.6917 13 17.925V21H11Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mic-off-alert.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mic-off-alert.svg
new file mode 100644
index 000000000..8ef6731c5
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mic-off-alert.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4625 8.5375C16.4375 9.5125 17.6167 10 19 10C20.3833 10 21.5625 9.5125 22.5375 8.5375C23.5125 7.5625 24 6.38333 24 5C24 3.61667 23.5125 2.4375 22.5375 1.4625C21.5625 0.4875 20.3833 0 19 0C17.6167 0 16.4375 0.4875 15.4625 1.4625C14.4875 2.4375 14 3.61667 14 5C14 6.38333 14.4875 7.5625 15.4625 8.5375ZM19.35 7.85C19.25 7.95 19.1333 8 19 8C18.8667 8 18.75 7.95 18.65 7.85C18.55 7.75 18.5 7.63333 18.5 7.5C18.5 7.36667 18.55 7.25 18.65 7.15C18.75 7.05 18.8667 7 19 7C19.1333 7 19.25 7.05 19.35 7.15C19.45 7.25 19.5 7.36667 19.5 7.5C19.5 7.63333 19.45 7.75 19.35 7.85ZM19.5 6H18.5V2H19.5V6ZM11.9999 2C12.2181 2 12.4276 2.01999 12.6287 2.05996C12.3463 2.66928 12.158 3.31853 12.0659 4.00178C12.0442 4.00059 12.0222 4 11.9999 4C11.7166 4 11.4791 4.09583 11.2874 4.2875C11.0957 4.47917 10.9999 4.71667 10.9999 5V8.15L8.9999 6.15V5C8.9999 4.16667 9.29157 3.45833 9.8749 2.875C10.4582 2.29167 11.1666 2 11.9999 2ZM12.9999 10.15V8.63133C13.2883 9.10038 13.6381 9.54157 14.0483 9.95171C14.3492 10.2526 14.6668 10.5211 14.9999 10.7566V11C14.9999 11.1833 14.9791 11.35 14.9374 11.5C14.8957 11.65 14.8499 11.8 14.7999 11.95L12.9999 10.15ZM16.9498 11.7083C17.5765 11.8957 18.2382 11.9935 18.9295 11.9997C18.8756 12.373 18.7907 12.7356 18.6749 13.0875C18.4582 13.7458 18.1499 14.3667 17.7499 14.95L16.2999 13.5C16.5332 13.1167 16.7082 12.7167 16.8249 12.3C16.8791 12.1064 16.9207 11.9092 16.9498 11.7083ZM10.9999 21V17.925C9.26657 17.6917 7.83324 16.9167 6.6999 15.6C5.56657 14.2833 4.9999 12.75 4.9999 11H6.9999C6.9999 12.3833 7.47907 13.5625 8.4374 14.5375C9.39574 15.5125 10.5832 16 11.9999 16C12.3744 16 12.7362 15.9618 13.0852 15.8853L1.3999 4.2L2.7999 2.8L14.9999 15L16.4249 16.425L21.1999 21.2L19.7999 22.6L14.6731 17.4732C14.1461 17.699 13.5884 17.8496 12.9999 17.925V21H10.9999Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mic.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mic.svg
new file mode 100644
index 000000000..0b7ab75de
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 14C11.1667 14 10.4583 13.7083 9.875 13.125C9.29167 12.5417 9 11.8333 9 11V5C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM11 21V17.925C9.26667 17.6917 7.83333 16.9167 6.7 15.6C5.56667 14.2833 5 12.75 5 11H7C7 12.3833 7.4875 13.5625 8.4625 14.5375C9.4375 15.5125 10.6167 16 12 16C13.3833 16 14.5625 15.5125 15.5375 14.5375C16.5125 13.5625 17 12.3833 17 11H19C19 12.75 18.4333 14.2833 17.3 15.6C16.1667 16.9167 14.7333 17.6917 13 17.925V21H11ZM12 12C12.2833 12 12.5208 11.9042 12.7125 11.7125C12.9042 11.5208 13 11.2833 13 11V5C13 4.71667 12.9042 4.47917 12.7125 4.2875C12.5208 4.09583 12.2833 4 12 4C11.7167 4 11.4792 4.09583 11.2875 4.2875C11.0958 4.47917 11 4.71667 11 5V11C11 11.2833 11.0958 11.5208 11.2875 11.7125C11.4792 11.9042 11.7167 12 12 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mic_off.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mic_off.svg
new file mode 100644
index 000000000..7559b9935
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mic_off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.75 14.95L16.3 13.5C16.5334 13.1167 16.7084 12.7167 16.825 12.3C16.9417 11.8833 17 11.45 17 11H19C19 11.7333 18.8917 12.4292 18.675 13.0875C18.4584 13.7458 18.15 14.3667 17.75 14.95ZM14.8 11.95L13 10.15V5C13 4.71667 12.9042 4.47917 12.7125 4.2875C12.5209 4.09583 12.2834 4 12 4C11.7167 4 11.4792 4.09583 11.2875 4.2875C11.0959 4.47917 11 4.71667 11 5V8.15L9.00003 6.15V5C9.00003 4.16667 9.29169 3.45833 9.87502 2.875C10.4584 2.29167 11.1667 2 12 2C12.8334 2 13.5417 2.29167 14.125 2.875C14.7084 3.45833 15 4.16667 15 5V11C15 11.1833 14.9792 11.35 14.9375 11.5C14.8959 11.65 14.85 11.8 14.8 11.95ZM11 21V17.925C9.26669 17.6917 7.83336 16.9167 6.70003 15.6C5.56669 14.2833 5.00002 12.75 5.00002 11H7.00002C7.00002 12.3833 7.47919 13.5625 8.43753 14.5375C9.39586 15.5125 10.5834 16 12 16C12.5667 16 13.1042 15.9125 13.6125 15.7375C14.1209 15.5625 14.5834 15.3167 15 15L16.425 16.425C15.9417 16.8083 15.4125 17.1333 14.8375 17.4C14.2625 17.6667 13.65 17.8417 13 17.925V21H11ZM19.8 22.6L1.40002 4.2L2.80002 2.8L21.2 21.2L19.8 22.6Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/minus.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/minus.svg
new file mode 100644
index 000000000..ca2d58ed1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/minus.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.40544 13.0226C5.2297 13.0226 5.06609 12.9771 4.9146 12.8862C4.7631 12.7893 4.63888 12.6651 4.54192 12.5136C4.44496 12.356 4.39648 12.1833 4.39648 11.9955C4.39648 11.8137 4.44496 11.644 4.54192 11.4864C4.63888 11.3289 4.7631 11.2047 4.9146 11.1138C5.06609 11.0229 5.2297 10.9774 5.40544 10.9774H18.5946C18.7703 10.9774 18.9339 11.0229 19.0854 11.1138C19.2429 11.2047 19.3672 11.3289 19.4581 11.4864C19.555 11.644 19.6035 11.8137 19.6035 11.9955C19.6035 12.1833 19.555 12.356 19.4581 12.5136C19.3672 12.6651 19.2429 12.7893 19.0854 12.8862C18.9339 12.9771 18.7703 13.0226 18.5946 13.0226H5.40544Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mobiledata_off.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mobiledata_off.svg
new file mode 100644
index 000000000..0ebd923bf
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mobiledata_off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.8 22.6L10 12.8V17.15L11.55 15.6L13 17L9.00003 21L5.00002 17L6.45003 15.6L8.00002 17.15V10.8L1.40002 4.19999L2.80002 2.79999L21.2 21.2L19.8 22.6ZM16 13.15L14 11.15V6.79999L12.4 8.39999L11 6.99999L15 2.99999L19 6.99999L17.6 8.39999L16 6.79999V13.15Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mode_standby.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mode_standby.svg
new file mode 100644
index 000000000..67969a981
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mode_standby.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/mood.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/mood.svg
new file mode 100644
index 000000000..3c7e467fd
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/mood.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5 11C15.9167 11 16.2708 10.8542 16.5625 10.5625C16.8542 10.2708 17 9.91667 17 9.5C17 9.08333 16.8542 8.72917 16.5625 8.4375C16.2708 8.14583 15.9167 8 15.5 8C15.0833 8 14.7292 8.14583 14.4375 8.4375C14.1458 8.72917 14 9.08333 14 9.5C14 9.91667 14.1458 10.2708 14.4375 10.5625C14.7292 10.8542 15.0833 11 15.5 11ZM8.5 11C8.91667 11 9.27083 10.8542 9.5625 10.5625C9.85417 10.2708 10 9.91667 10 9.5C10 9.08333 9.85417 8.72917 9.5625 8.4375C9.27083 8.14583 8.91667 8 8.5 8C8.08333 8 7.72917 8.14583 7.4375 8.4375C7.14583 8.72917 7 9.08333 7 9.5C7 9.91667 7.14583 10.2708 7.4375 10.5625C7.72917 10.8542 8.08333 11 8.5 11ZM12 17.5C13.1333 17.5 14.1625 17.1792 15.0875 16.5375C16.0125 15.8958 16.6833 15.05 17.1 14H6.9C7.31667 15.05 7.9875 15.8958 8.9125 16.5375C9.8375 17.1792 10.8667 17.5 12 17.5ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/more-circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/more-circle.svg
new file mode 100644
index 000000000..2d9867216
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/more-circle.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9951 22.2189C10.5838 22.2189 9.26146 21.9518 8.02821 21.4176C6.79495 20.89 5.71008 20.158 4.77359 19.2215C3.83711 18.2916 3.10177 17.21 2.56758 15.9768C2.03998 14.7369 1.77618 13.4113 1.77618 12C1.77618 10.5887 2.03998 9.26641 2.56758 8.03315C3.10177 6.7933 3.83711 5.70513 4.77359 4.76865C5.71008 3.83216 6.79495 3.10012 8.02821 2.57252C9.26146 2.04493 10.5838 1.78113 11.9951 1.78113C13.4064 1.78113 14.7287 2.04493 15.9619 2.57252C17.2018 3.10012 18.29 3.83216 19.2264 4.76865C20.1629 5.70513 20.895 6.7933 21.4226 8.03315C21.9568 9.26641 22.2239 10.5887 22.2239 12C22.2239 13.4113 21.9568 14.7369 21.4226 15.9768C20.895 17.21 20.1629 18.2916 19.2264 19.2215C18.29 20.158 17.2018 20.89 15.9619 21.4176C14.7287 21.9518 13.4064 22.2189 11.9951 22.2189ZM11.9951 20.2009C13.1294 20.2009 14.1912 19.9865 15.1804 19.5578C16.1697 19.1358 17.0402 18.5488 17.792 17.797C18.5505 17.0452 19.1407 16.1746 19.5628 15.1854C19.9849 14.1961 20.1959 13.1344 20.1959 12C20.1959 10.8657 19.9849 9.8039 19.5628 8.81465C19.1407 7.81881 18.5505 6.94828 17.792 6.20305C17.0402 5.45122 16.1697 4.86427 15.1804 4.44219C14.1912 4.01352 13.1294 3.79919 11.9951 3.79919C10.8673 3.79919 9.80555 4.01352 8.80971 4.44219C7.82047 4.86427 6.94993 5.45122 6.19811 6.20305C5.44628 6.94828 4.85603 7.81881 4.42736 8.81465C4.00528 9.8039 3.79424 10.8657 3.79424 12C3.79424 13.1344 4.00528 14.1961 4.42736 15.1854C4.85603 16.1746 5.44628 17.0452 6.19811 17.797C6.94993 18.5488 7.82047 19.1358 8.80971 19.5578C9.80555 19.9865 10.8673 20.2009 11.9951 20.2009ZM7.35552 13.474C6.94663 13.474 6.5971 13.3289 6.30692 13.0387C6.01674 12.7485 5.87165 12.399 5.87165 11.9901C5.87165 11.5812 6.01674 11.2317 6.30692 10.9415C6.5971 10.6514 6.94663 10.5063 7.35552 10.5063C7.76441 10.5063 8.11394 10.6514 8.40412 10.9415C8.70089 11.2317 8.84928 11.5812 8.84928 11.9901C8.84928 12.399 8.70419 12.7485 8.41401 13.0387C8.12383 13.3289 7.771 13.474 7.35552 13.474ZM11.9951 13.474C11.5928 13.474 11.2432 13.3289 10.9465 13.0387C10.6563 12.7485 10.5112 12.399 10.5112 11.9901C10.5112 11.5812 10.6563 11.2317 10.9465 10.9415C11.2432 10.6514 11.5928 10.5063 11.9951 10.5063C12.404 10.5063 12.7535 10.6514 13.0437 10.9415C13.3339 11.2317 13.4789 11.5812 13.4789 11.9901C13.4789 12.399 13.3339 12.7485 13.0437 13.0387C12.7535 13.3289 12.404 13.474 11.9951 13.474ZM16.6346 13.474C16.2257 13.474 15.8762 13.3289 15.586 13.0387C15.2959 12.7485 15.1508 12.399 15.1508 11.9901C15.1508 11.5812 15.2959 11.2317 15.586 10.9415C15.8762 10.6514 16.2257 10.5063 16.6346 10.5063C17.0501 10.5063 17.4029 10.6514 17.6931 10.9415C17.9833 11.2317 18.1284 11.5812 18.1284 11.9901C18.1284 12.399 17.9833 12.7485 17.6931 13.0387C17.4029 13.3289 17.0501 13.474 16.6346 13.474Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/more_horiz.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/more_horiz.svg
new file mode 100644
index 000000000..a7fbace37
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/more_horiz.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/more_vert.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/more_vert.svg
new file mode 100644
index 000000000..1041b5e05
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/more_vert.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/movie-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/movie-filled.svg
new file mode 100644
index 000000000..57301afb5
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/movie-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4L6 8H9L7 4H9L11 8H14L12 4H14L16 8H19L17 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/movie.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/movie.svg
new file mode 100644
index 000000000..4f0dbcc8c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/movie.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 4L6 8H9L7 4H9L11 8H14L12 4H14L16 8H19L17 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4ZM4 10V18H20V10H4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/music-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/music-filled.svg
new file mode 100644
index 000000000..86d99da4f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/music-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1143 1.80515C17.3978 1.7458 17.6454 1.80166 17.8564 1.97312C18.0674 2.14456 18.1728 2.3786 18.1729 2.67527V6.38523C18.1728 6.57628 18.1168 6.74098 18.0049 6.87937C17.8928 7.01126 17.741 7.09761 17.5498 7.13718L12.999 8.13621C12.8014 8.18234 12.6695 8.24467 12.6035 8.32371C12.5442 8.40284 12.5147 8.55143 12.5146 8.76902V17.8305C12.5146 18.5362 12.3956 19.1462 12.1582 19.6606C11.9274 20.175 11.624 20.5943 11.248 20.9175C10.8722 21.2405 10.4632 21.4809 10.0215 21.6391C9.58623 21.7974 9.16376 21.8764 8.75488 21.8764C7.89773 21.8764 7.19573 21.6256 6.64844 21.1245C6.10114 20.6233 5.82722 19.9741 5.82715 19.1762C5.82715 18.398 6.07472 17.7512 6.56934 17.2368C7.06396 16.7225 7.82268 16.3567 8.84473 16.1391L10.4268 15.813C10.829 15.7272 11.0112 15.4596 10.9717 15.0112L10.9512 4.06003C10.9513 3.45352 11.3075 3.07403 12.0195 2.92234L17.1143 1.80515Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/new_releases.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/new_releases.svg
new file mode 100644
index 000000000..2781ea209
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/new_releases.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.6 22.5L6.7 19.3L3.1 18.5L3.45 14.8L1 12L3.45 9.2L3.1 5.5L6.7 4.7L8.6 1.5L12 2.95L15.4 1.5L17.3 4.7L20.9 5.5L20.55 9.2L23 12L20.55 14.8L20.9 18.5L17.3 19.3L15.4 22.5L12 21.05L8.6 22.5ZM9.45 19.95L12 18.85L14.6 19.95L16 17.55L18.75 16.9L18.5 14.1L20.35 12L18.5 9.85L18.75 7.05L16 6.45L14.55 4.05L12 5.15L9.4 4.05L8 6.45L5.25 7.05L5.5 9.85L3.65 12L5.5 14.1L5.25 16.95L8 17.55L9.45 19.95ZM10.95 15.55L16.6 9.9L15.2 8.45L10.95 12.7L8.8 10.6L7.4 12L10.95 15.55Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/numbers.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/numbers.svg
new file mode 100644
index 000000000..d5e698a15
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/numbers.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 20L7 16H3L3.5 14H7.5L8.5 10H4.5L5 8H9L10 4H12L11 8H15L16 4H18L17 8H21L20.5 10H16.5L15.5 14H19.5L19 16H15L14 20H12L13 16H9L8 20H6ZM9.5 14H13.5L14.5 10H10.5L9.5 14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/open_in_new.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/open_in_new.svg
new file mode 100644
index 000000000..a33d668ec
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/open_in_new.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/palette-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/palette-filled.svg
new file mode 100644
index 000000000..3475f842d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/palette-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.27083 9.31667 2.8125 8.1C3.35417 6.88333 4.0875 5.825 5.0125 4.925C5.9375 4.025 7.01667 3.3125 8.25 2.7875C9.48333 2.2625 10.8 2 12.2 2C13.5333 2 14.7917 2.22917 15.975 2.6875C17.1583 3.14583 18.1958 3.77917 19.0875 4.5875C19.9792 5.39583 20.6875 6.35417 21.2125 7.4625C21.7375 8.57083 22 9.76667 22 11.05C22 12.9667 21.4167 14.4375 20.25 15.4625C19.0833 16.4875 17.6667 17 16 17H14.15C14 17 13.8958 17.0417 13.8375 17.125C13.7792 17.2083 13.75 17.3 13.75 17.4C13.75 17.6 13.875 17.8875 14.125 18.2625C14.375 18.6375 14.5 19.0667 14.5 19.55C14.5 20.3833 14.2708 21 13.8125 21.4C13.3542 21.8 12.75 22 12 22ZM6.5 13C6.93333 13 7.29167 12.8583 7.575 12.575C7.85833 12.2917 8 11.9333 8 11.5C8 11.0667 7.85833 10.7083 7.575 10.425C7.29167 10.1417 6.93333 10 6.5 10C6.06667 10 5.70833 10.1417 5.425 10.425C5.14167 10.7083 5 11.0667 5 11.5C5 11.9333 5.14167 12.2917 5.425 12.575C5.70833 12.8583 6.06667 13 6.5 13ZM9.5 9C9.93333 9 10.2917 8.85833 10.575 8.575C10.8583 8.29167 11 7.93333 11 7.5C11 7.06667 10.8583 6.70833 10.575 6.425C10.2917 6.14167 9.93333 6 9.5 6C9.06667 6 8.70833 6.14167 8.425 6.425C8.14167 6.70833 8 7.06667 8 7.5C8 7.93333 8.14167 8.29167 8.425 8.575C8.70833 8.85833 9.06667 9 9.5 9ZM14.5 9C14.9333 9 15.2917 8.85833 15.575 8.575C15.8583 8.29167 16 7.93333 16 7.5C16 7.06667 15.8583 6.70833 15.575 6.425C15.2917 6.14167 14.9333 6 14.5 6C14.0667 6 13.7083 6.14167 13.425 6.425C13.1417 6.70833 13 7.06667 13 7.5C13 7.93333 13.1417 8.29167 13.425 8.575C13.7083 8.85833 14.0667 9 14.5 9ZM17.5 13C17.9333 13 18.2917 12.8583 18.575 12.575C18.8583 12.2917 19 11.9333 19 11.5C19 11.0667 18.8583 10.7083 18.575 10.425C18.2917 10.1417 17.9333 10 17.5 10C17.0667 10 16.7083 10.1417 16.425 10.425C16.1417 10.7083 16 11.0667 16 11.5C16 11.9333 16.1417 12.2917 16.425 12.575C16.7083 12.8583 17.0667 13 17.5 13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/palette.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/palette.svg
new file mode 100644
index 000000000..118cb9eca
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/palette.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.27083 9.31667 2.8125 8.1C3.35417 6.88333 4.0875 5.825 5.0125 4.925C5.9375 4.025 7.01667 3.3125 8.25 2.7875C9.48333 2.2625 10.8 2 12.2 2C13.5333 2 14.7917 2.22917 15.975 2.6875C17.1583 3.14583 18.1958 3.77917 19.0875 4.5875C19.9792 5.39583 20.6875 6.35417 21.2125 7.4625C21.7375 8.57083 22 9.76667 22 11.05C22 12.9667 21.4167 14.4375 20.25 15.4625C19.0833 16.4875 17.6667 17 16 17H14.15C14 17 13.8958 17.0417 13.8375 17.125C13.7792 17.2083 13.75 17.3 13.75 17.4C13.75 17.6 13.875 17.8875 14.125 18.2625C14.375 18.6375 14.5 19.0667 14.5 19.55C14.5 20.3833 14.2708 21 13.8125 21.4C13.3542 21.8 12.75 22 12 22ZM6.5 13C6.93333 13 7.29167 12.8583 7.575 12.575C7.85833 12.2917 8 11.9333 8 11.5C8 11.0667 7.85833 10.7083 7.575 10.425C7.29167 10.1417 6.93333 10 6.5 10C6.06667 10 5.70833 10.1417 5.425 10.425C5.14167 10.7083 5 11.0667 5 11.5C5 11.9333 5.14167 12.2917 5.425 12.575C5.70833 12.8583 6.06667 13 6.5 13ZM9.5 9C9.93333 9 10.2917 8.85833 10.575 8.575C10.8583 8.29167 11 7.93333 11 7.5C11 7.06667 10.8583 6.70833 10.575 6.425C10.2917 6.14167 9.93333 6 9.5 6C9.06667 6 8.70833 6.14167 8.425 6.425C8.14167 6.70833 8 7.06667 8 7.5C8 7.93333 8.14167 8.29167 8.425 8.575C8.70833 8.85833 9.06667 9 9.5 9ZM14.5 9C14.9333 9 15.2917 8.85833 15.575 8.575C15.8583 8.29167 16 7.93333 16 7.5C16 7.06667 15.8583 6.70833 15.575 6.425C15.2917 6.14167 14.9333 6 14.5 6C14.0667 6 13.7083 6.14167 13.425 6.425C13.1417 6.70833 13 7.06667 13 7.5C13 7.93333 13.1417 8.29167 13.425 8.575C13.7083 8.85833 14.0667 9 14.5 9ZM17.5 13C17.9333 13 18.2917 12.8583 18.575 12.575C18.8583 12.2917 19 11.9333 19 11.5C19 11.0667 18.8583 10.7083 18.575 10.425C18.2917 10.1417 17.9333 10 17.5 10C17.0667 10 16.7083 10.1417 16.425 10.425C16.1417 10.7083 16 11.0667 16 11.5C16 11.9333 16.1417 12.2917 16.425 12.575C16.7083 12.8583 17.0667 13 17.5 13ZM12 20C12.15 20 12.2708 19.9583 12.3625 19.875C12.4542 19.7917 12.5 19.6833 12.5 19.55C12.5 19.3167 12.375 19.0417 12.125 18.725C11.875 18.4083 11.75 17.9333 11.75 17.3C11.75 16.6 11.9917 16.0417 12.475 15.625C12.9583 15.2083 13.55 15 14.25 15H16C17.1 15 18.0417 14.6792 18.825 14.0375C19.6083 13.3958 20 12.4 20 11.05C20 9.03333 19.2292 7.35417 17.6875 6.0125C16.1458 4.67083 14.3167 4 12.2 4C9.93333 4 8 4.775 6.4 6.325C4.8 7.875 4 9.76667 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/passkey.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/passkey.svg
new file mode 100644
index 000000000..e4e420728
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/passkey.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 20V17.2C3 16.6333 3.14583 16.1125 3.4375 15.6375C3.72917 15.1625 4.11667 14.8 4.6 14.55C5.63333 14.0333 6.68333 13.6458 7.75 13.3875C8.81667 13.1292 9.9 13 11 13C11.3333 13 11.6667 13.0125 12 13.0375C12.3333 13.0625 12.6667 13.1 13 13.15C12.9333 14.1167 13.1083 15.0292 13.525 15.8875C13.9417 16.7458 14.55 17.45 15.35 18V20H3ZM19 23L17.5 21.5V16.85C16.7667 16.6333 16.1667 16.2208 15.7 15.6125C15.2333 15.0042 15 14.3 15 13.5C15 12.5333 15.3417 11.7083 16.025 11.025C16.7083 10.3417 17.5333 10 18.5 10C19.4667 10 20.2917 10.3417 20.975 11.025C21.6583 11.7083 22 12.5333 22 13.5C22 14.25 21.7875 14.9167 21.3625 15.5C20.9375 16.0833 20.4 16.5 19.75 16.75L21 18L19.5 19.5L21 21L19 23ZM11 12C9.9 12 8.95833 11.6083 8.175 10.825C7.39167 10.0417 7 9.1 7 8C7 6.9 7.39167 5.95833 8.175 5.175C8.95833 4.39167 9.9 4 11 4C12.1 4 13.0417 4.39167 13.825 5.175C14.6083 5.95833 15 6.9 15 8C15 9.1 14.6083 10.0417 13.825 10.825C13.0417 11.6083 12.1 12 11 12ZM18.5 14C18.7833 14 19.0208 13.9042 19.2125 13.7125C19.4042 13.5208 19.5 13.2833 19.5 13C19.5 12.7167 19.4042 12.4792 19.2125 12.2875C19.0208 12.0958 18.7833 12 18.5 12C18.2167 12 17.9792 12.0958 17.7875 12.2875C17.5958 12.4792 17.5 12.7167 17.5 13C17.5 13.2833 17.5958 13.5208 17.7875 13.7125C17.9792 13.9042 18.2167 14 18.5 14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/pause-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/pause-filled.svg
new file mode 100644
index 000000000..0f56e55d9
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/pause-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 19V5H18V19H14ZM6 19V5H10V19H6Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/pause.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/pause.svg
new file mode 100644
index 000000000..0f56e55d9
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/pause.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 19V5H18V19H14ZM6 19V5H10V19H6Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/pause_circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/pause_circle.svg
new file mode 100644
index 000000000..c2abf4c81
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/pause_circle.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 16H11V8H9V16ZM13 16H15V8H13V16ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/perso-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/perso-filled.svg
new file mode 100644
index 000000000..0e70ec7e0
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/perso-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9902 13.4937C13.276 13.4937 14.4333 13.6845 15.4619 14.0669C16.4907 14.4494 17.3683 14.9477 18.0938 15.561C18.8258 16.1744 19.3863 16.8307 19.7754 17.5298C20.1644 18.2287 20.3593 18.898 20.3594 19.5376C20.3594 19.9729 20.2003 20.3163 19.8838 20.5669C19.5673 20.8173 19.1319 20.9429 18.5781 20.9429H5.42188C4.8679 20.9429 4.43179 20.8175 4.11523 20.5669C3.79878 20.3163 3.64062 19.9728 3.64062 19.5376C3.64067 18.898 3.83238 18.2288 4.21484 17.5298C4.60395 16.8307 5.16127 16.1744 5.88672 15.561C6.61868 14.9478 7.4987 14.4494 8.52734 14.0669C9.55616 13.6844 10.7108 13.4937 11.9902 13.4937Z" fill="#222631"/>
+<path d="M12 3.05713C12.7188 3.05713 13.3816 3.24477 13.9883 3.62061C14.595 3.99652 15.0797 4.51165 15.4424 5.16455C15.8116 5.81076 15.9961 6.5359 15.9961 7.34033C15.9961 8.16459 15.8116 8.90966 15.4424 9.57568C15.0797 10.2352 14.595 10.7598 13.9883 11.1489C13.3816 11.538 12.7188 11.7329 12 11.7329C11.2812 11.7329 10.6184 11.538 10.0117 11.1489C9.41158 10.7598 8.92694 10.2352 8.55762 9.57568C8.19499 8.91625 8.01367 8.17753 8.01367 7.35986C8.01373 6.55545 8.19497 5.83028 8.55762 5.18408C8.92694 4.53118 9.41475 4.01288 10.0215 3.63037C10.6282 3.24794 11.2878 3.05713 12 3.05713Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/perso.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/perso.svg
new file mode 100644
index 000000000..990868e6c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/perso.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.21094 20.9668C4.63379 20.9668 3.84521 20.4349 3.84521 19.3711C3.84521 18.7402 4.03385 18.0785 4.41113 17.3857C4.7946 16.693 5.34196 16.0467 6.05322 15.4468C6.77067 14.8468 7.63037 14.3613 8.63232 13.9902C9.63428 13.613 10.7599 13.4243 12.0093 13.4243C13.2463 13.4243 14.3657 13.613 15.3677 13.9902C16.3758 14.3613 17.2355 14.8468 17.9468 15.4468C18.658 16.0467 19.2023 16.693 19.5796 17.3857C19.9631 18.0785 20.1548 18.7402 20.1548 19.3711C20.1548 20.4349 19.3662 20.9668 17.7891 20.9668H6.21094ZM5.91406 19.3618H18.0952C18.2004 19.3618 18.2746 19.3433 18.3179 19.3062C18.3674 19.269 18.3921 19.2072 18.3921 19.1206C18.3921 18.7619 18.2529 18.3537 17.9746 17.896C17.6963 17.4321 17.2819 16.9837 16.7314 16.5508C16.1872 16.1117 15.5192 15.7498 14.7275 15.4653C13.9359 15.1746 13.0298 15.0293 12.0093 15.0293C10.9826 15.0293 10.0703 15.1746 9.27246 15.4653C8.48079 15.7498 7.81283 16.1117 7.26855 16.5508C6.72428 16.9837 6.3099 17.4321 6.02539 17.896C5.74707 18.3537 5.60791 18.7619 5.60791 19.1206C5.60791 19.2072 5.62956 19.269 5.67285 19.3062C5.72233 19.3433 5.80273 19.3618 5.91406 19.3618ZM12.0093 12.3389C11.2609 12.3389 10.5775 12.141 9.95898 11.7451C9.34668 11.3493 8.85807 10.8205 8.49316 10.1587C8.12826 9.49072 7.9458 8.75472 7.9458 7.95068C7.9458 7.15902 8.12826 6.43848 8.49316 5.78906C8.85807 5.13346 9.34668 4.61084 9.95898 4.22119C10.5775 3.83154 11.2609 3.63672 12.0093 3.63672C12.7576 3.63672 13.438 3.82845 14.0503 4.21191C14.6688 4.59538 15.1574 5.11182 15.5161 5.76123C15.881 6.41064 16.0635 7.13428 16.0635 7.93213C16.0635 8.74235 15.881 9.48145 15.5161 10.1494C15.1512 10.8174 14.6626 11.3493 14.0503 11.7451C13.438 12.141 12.7576 12.3389 12.0093 12.3389ZM12.0093 10.7246C12.4422 10.7246 12.8381 10.604 13.1968 10.3628C13.5555 10.1154 13.8431 9.78141 14.0596 9.36084C14.276 8.93408 14.3843 8.45785 14.3843 7.93213C14.3843 7.41878 14.276 6.9611 14.0596 6.55908C13.8431 6.15088 13.5555 5.82926 13.1968 5.59424C12.8381 5.35921 12.4422 5.2417 12.0093 5.2417C11.5763 5.2417 11.1805 5.3623 10.8218 5.60352C10.4631 5.83854 10.1755 6.16016 9.95898 6.56836C9.74251 6.97656 9.63428 7.43734 9.63428 7.95068C9.63428 8.47021 9.74251 8.94336 9.95898 9.37012C10.1755 9.79069 10.4631 10.1216 10.8218 10.3628C11.1867 10.604 11.5825 10.7246 12.0093 10.7246Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/person-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/person-filled.svg
new file mode 100644
index 000000000..4c1476e5f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/person-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/person.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/person.svg
new file mode 100644
index 000000000..62f86593d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/person.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4ZM6 18H18V17.2C18 17.0167 17.9542 16.85 17.8625 16.7C17.7708 16.55 17.65 16.4333 17.5 16.35C16.6 15.9 15.6917 15.5625 14.775 15.3375C13.8583 15.1125 12.9333 15 12 15C11.0667 15 10.1417 15.1125 9.225 15.3375C8.30833 15.5625 7.4 15.9 6.5 16.35C6.35 16.4333 6.22917 16.55 6.1375 16.7C6.04583 16.85 6 17.0167 6 17.2V18ZM12 10C12.55 10 13.0208 9.80417 13.4125 9.4125C13.8042 9.02083 14 8.55 14 8C14 7.45 13.8042 6.97917 13.4125 6.5875C13.0208 6.19583 12.55 6 12 6C11.45 6 10.9792 6.19583 10.5875 6.5875C10.1958 6.97917 10 7.45 10 8C10 8.55 10.1958 9.02083 10.5875 9.4125C10.9792 9.80417 11.45 10 12 10Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/person_add.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/person_add.svg
new file mode 100644
index 000000000..10b9581b2
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/person_add.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 14V11H15V9H18V6H20V9H23V11H20V14H18ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM3 18H15V17.2C15 17.0167 14.9542 16.85 14.8625 16.7C14.7708 16.55 14.65 16.4333 14.5 16.35C13.6 15.9 12.6917 15.5625 11.775 15.3375C10.8583 15.1125 9.93333 15 9 15C8.06667 15 7.14167 15.1125 6.225 15.3375C5.30833 15.5625 4.4 15.9 3.5 16.35C3.35 16.4333 3.22917 16.55 3.1375 16.7C3.04583 16.85 3 17.0167 3 17.2V18ZM9 10C9.55 10 10.0208 9.80417 10.4125 9.4125C10.8042 9.02083 11 8.55 11 8C11 7.45 10.8042 6.97917 10.4125 6.5875C10.0208 6.19583 9.55 6 9 6C8.45 6 7.97917 6.19583 7.5875 6.5875C7.19583 6.97917 7 7.45 7 8C7 8.55 7.19583 9.02083 7.5875 9.4125C7.97917 9.80417 8.45 10 9 10Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-arrow-up-right-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-arrow-up-right-filled.svg
new file mode 100644
index 000000000..e094b352e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-arrow-up-right-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.4657 2.84265C5.72611 2.84265 5.95723 2.93705 6.15906 3.12585C6.36088 3.31466 6.57898 3.57182 6.81335 3.89734L8.45398 6.1825C8.63627 6.44291 8.76322 6.67729 8.83484 6.88562C8.90645 7.09395 8.94226 7.29578 8.94226 7.49109C8.94226 7.65385 8.91947 7.80684 8.8739 7.95007C8.82833 8.0933 8.74369 8.27234 8.62 8.48718L7.70203 10.0594C7.66296 10.1311 7.62716 10.1962 7.5946 10.2548C7.56856 10.3134 7.55554 10.3719 7.55554 10.4305C7.55554 10.5087 7.56531 10.5835 7.58484 10.6552C7.61088 10.7268 7.63692 10.7886 7.66296 10.8407C8.05359 11.6219 8.72742 12.4911 9.68445 13.4481C10.1467 13.9104 10.6219 14.3335 11.1102 14.7177C11.5985 15.0953 12.0282 15.3687 12.3993 15.538C12.4904 15.577 12.5718 15.6096 12.6434 15.6356C12.7216 15.6552 12.8062 15.6649 12.8973 15.6649C12.9624 15.6649 13.021 15.6584 13.0731 15.6454C13.1317 15.6259 13.2066 15.59 13.2977 15.538L14.8602 14.6786C15.1141 14.5419 15.316 14.454 15.4657 14.4149C15.6219 14.3693 15.7749 14.3466 15.9247 14.3466C16.1005 14.3466 16.2697 14.3791 16.4325 14.4442C16.6018 14.5028 16.8361 14.6363 17.1356 14.8446L19.5184 16.5536C19.8374 16.7815 20.0653 16.993 20.202 17.1884C20.3453 17.3837 20.4169 17.5855 20.4169 17.7938C20.4169 18.0608 20.3453 18.3472 20.202 18.6532C20.0653 18.9592 19.8179 19.314 19.4598 19.7177C19.0887 20.1343 18.6298 20.4631 18.0829 20.704C17.536 20.9449 16.9371 21.0653 16.286 21.0653C15.3615 21.0653 14.3817 20.844 13.3466 20.4012C12.3114 19.9585 11.2697 19.3563 10.2216 18.5946C9.17338 17.8264 8.17078 16.9605 7.21375 15.9969C6.25671 15.0464 5.40059 14.0536 4.64539 13.0184C3.89669 11.9833 3.30424 10.9514 2.86804 9.92273C2.43184 8.89408 2.21375 7.91752 2.21375 6.99304C2.21375 6.38106 2.31791 5.80815 2.52625 5.27429C2.74109 4.74044 3.05033 4.2782 3.45398 3.88757C3.74044 3.61414 4.0627 3.37325 4.42078 3.16492C4.78536 2.95007 5.13367 2.84265 5.4657 2.84265Z" fill="#222631"/>
+<path d="M19.9481 3.04773C20.2085 3.04773 20.4006 3.11283 20.5243 3.24304C20.6545 3.37325 20.7229 3.56531 20.7294 3.81921V9.47351C20.7294 9.67533 20.6545 9.8446 20.5048 9.98132C20.3615 10.118 20.1955 10.1831 20.0067 10.1766C19.8114 10.1636 19.6486 10.092 19.5184 9.96179C19.3947 9.83158 19.3296 9.66882 19.3231 9.47351L19.3329 8.01843L19.5165 5.15613L17.995 6.78796L13.786 10.9969C13.6363 11.1532 13.467 11.2248 13.2782 11.2118C13.0699 11.2183 12.8973 11.1565 12.7606 11.0262C12.6239 10.8895 12.5523 10.7268 12.5458 10.538C12.5458 10.3427 12.6272 10.1604 12.7899 9.99109L16.9891 5.7821L18.6219 4.27332L15.7587 4.43445L14.2743 4.42468C14.0855 4.43119 13.926 4.3726 13.7958 4.2489C13.6656 4.1252 13.5972 3.96895 13.5907 3.78015C13.5712 3.57833 13.6298 3.4058 13.7665 3.26257C13.9097 3.11934 14.079 3.04773 14.2743 3.04773H19.9481Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-arrow-up-right.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-arrow-up-right.svg
new file mode 100644
index 000000000..94818ab8a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-arrow-up-right.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.4657 2.4223C5.8172 2.42881 6.15585 2.5363 6.48132 2.74456C6.80678 2.94635 7.12265 3.26552 7.42859 3.7016L9.35242 6.47503C9.59974 6.82649 9.70714 7.19782 9.67468 7.58832C9.64865 7.97232 9.54112 8.31429 9.35242 8.61371L8.47351 9.99066C8.31733 10.2314 8.2979 10.4562 8.41492 10.6645C8.57114 10.9444 8.8154 11.2863 9.14734 11.6899C9.47932 12.0935 9.82774 12.4809 10.1923 12.852C10.4396 13.0993 10.7099 13.3533 11.0028 13.6137C11.3022 13.8676 11.5823 14.0988 11.8427 14.3071C12.103 14.5088 12.3049 14.6554 12.4481 14.7465C12.5913 14.8312 12.7281 14.8767 12.8583 14.8832C12.9885 14.8832 13.1252 14.8507 13.2684 14.7856L14.7919 14.0434C15.2606 13.8221 15.6708 13.7179 16.0223 13.7309C16.3738 13.7439 16.7385 13.8775 17.1161 14.1313L19.5673 15.811C19.9968 16.1104 20.316 16.4296 20.5243 16.768C20.7326 17.0999 20.8367 17.442 20.8368 17.7934C20.8368 18.0928 20.7651 18.4022 20.6219 18.7211C20.4787 19.0336 20.2605 19.3527 19.9677 19.6782L19.7528 19.9321C19.2581 20.4854 18.7111 20.8826 18.1122 21.1235C17.5132 21.3709 16.7906 21.4946 15.9442 21.4946C15.0132 21.4946 14.0269 21.3058 12.9852 20.9282C11.9436 20.5506 10.8823 20.0004 9.80164 19.2778C8.72096 18.5551 7.65966 17.6729 6.61804 16.6313C5.57645 15.5897 4.69417 14.5284 3.97156 13.4477C3.24898 12.367 2.69874 11.3057 2.32117 10.2641C1.95015 9.21604 1.76453 8.22624 1.76453 7.29535C1.76455 6.73559 1.81663 6.2308 1.92078 5.78167C2.03146 5.33259 2.20078 4.92221 2.42859 4.55121C2.65643 4.18021 2.95602 3.83173 3.32703 3.50628C3.36603 3.46729 3.40521 3.43136 3.44421 3.39886C3.48972 3.35985 3.53216 3.32069 3.57117 3.28167C4.22214 2.69585 4.85378 2.40928 5.4657 2.4223ZM5.47546 4.08246C5.33878 4.08246 5.19221 4.11504 5.03601 4.18011C4.88633 4.24519 4.73647 4.34295 4.58679 4.47308L4.48914 4.55121C4.46315 4.57069 4.43699 4.5936 4.41101 4.61956C4.02698 4.95803 3.73718 5.35537 3.54187 5.81097C3.35311 6.26009 3.25545 6.75187 3.2489 7.28558C3.22937 8.11883 3.41826 9.02072 3.81531 9.99066C4.21241 10.9541 4.75289 11.9243 5.4364 12.9008C6.12646 13.8708 6.89481 14.7791 7.74109 15.6254C8.58739 16.4652 9.48594 17.2205 10.4364 17.891C11.3934 18.5551 12.344 19.0759 13.288 19.4535C14.2385 19.8377 15.1272 20.0232 15.954 20.0102C16.4943 19.9972 16.9924 19.8963 17.4481 19.7075C17.9038 19.5187 18.2978 19.2322 18.6298 18.8481L18.786 18.6723C19.0463 18.3729 19.1766 18.0765 19.1766 17.7836C19.1766 17.634 19.144 17.4971 19.079 17.3735C19.0204 17.2499 18.9194 17.1423 18.7762 17.0512L16.4911 15.518C16.3349 15.4204 16.1785 15.3617 16.0223 15.3422C15.8661 15.3227 15.6967 15.3553 15.5145 15.4399L13.8641 16.2211C13.4149 16.4425 13.0406 16.5369 12.7411 16.5043C12.4416 16.4718 12.1421 16.3481 11.8427 16.1332C11.6213 15.977 11.351 15.7686 11.0321 15.5082C10.7132 15.2479 10.3875 14.9711 10.0555 14.6782C9.7301 14.3853 9.44352 14.115 9.19617 13.8676C8.81862 13.4966 8.43113 13.0668 8.03406 12.5785C7.64351 12.0904 7.3081 11.6605 7.0282 11.2895C6.80695 10.9966 6.68314 10.71 6.6571 10.4301C6.63768 10.1437 6.73532 9.82775 6.95007 9.48285L7.91687 7.92035C8.10552 7.61447 8.1219 7.34736 7.9657 7.11957L6.20789 4.48285C6.03212 4.21609 5.78787 4.08246 5.47546 4.08246Z" fill="#222631"/>
+<path d="M20.1239 2.53949C20.3842 2.53949 20.5764 2.60472 20.7001 2.7348C20.8302 2.86495 20.8986 3.05724 20.9052 3.31097V8.96527C20.9052 9.16701 20.8302 9.33639 20.6805 9.47308C20.5373 9.6098 20.3713 9.6749 20.1825 9.66839C19.9872 9.65537 19.8244 9.58375 19.6942 9.45355C19.5706 9.32337 19.5054 9.16049 19.4989 8.96527L19.5087 7.51019L19.6923 4.64789L18.1708 6.27972L13.9618 10.4887C13.8121 10.645 13.6428 10.7166 13.454 10.7035C13.2456 10.7101 13.0731 10.6482 12.9364 10.518C12.7998 10.3813 12.7281 10.2184 12.7216 10.0297C12.7217 9.83455 12.803 9.65201 12.9657 9.48285L17.1649 5.27386L18.7977 3.76507L15.9344 3.92621L14.4501 3.91644C14.2613 3.92295 14.1018 3.86436 13.9716 3.74066C13.8415 3.61699 13.773 3.46062 13.7665 3.27191C13.7471 3.07024 13.8056 2.89748 13.9423 2.75433C14.0855 2.61122 14.2548 2.53949 14.4501 2.53949H20.1239Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-filled.svg
new file mode 100644
index 000000000..d8d9adb94
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/phone-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.89844 15.9922C6.94141 15.0417 6.08529 14.0488 5.33008 13.0137C4.58138 11.9785 3.98893 10.9466 3.55273 9.91797C3.11654 8.88932 2.89844 7.91276 2.89844 6.98828C2.89844 6.3763 3.0026 5.80339 3.21094 5.26953C3.42578 4.73568 3.73503 4.27344 4.13867 3.88281C4.42513 3.60938 4.7474 3.36849 5.10547 3.16016C5.47005 2.94531 5.81836 2.83789 6.15039 2.83789C6.41081 2.83789 6.64193 2.93229 6.84375 3.12109C7.04557 3.3099 7.26367 3.56706 7.49805 3.89258L9.13867 6.17773C9.32096 6.43815 9.44792 6.67253 9.51953 6.88086C9.59115 7.08919 9.62695 7.29102 9.62695 7.48633C9.62695 7.64909 9.60417 7.80208 9.55859 7.94531C9.51302 8.08854 9.42839 8.26758 9.30469 8.48242L8.38672 10.0547C8.34766 10.1263 8.31185 10.1914 8.2793 10.25C8.25326 10.3086 8.24023 10.3672 8.24023 10.4258C8.24023 10.5039 8.25 10.5788 8.26953 10.6504C8.29557 10.722 8.32161 10.7839 8.34766 10.8359C8.73828 11.6172 9.41211 12.4863 10.3691 13.4434C10.8314 13.9056 11.3066 14.3288 11.7949 14.7129C12.2832 15.0905 12.7129 15.3639 13.084 15.5332C13.1751 15.5723 13.2565 15.6048 13.3281 15.6309C13.4062 15.6504 13.4909 15.6602 13.582 15.6602C13.6471 15.6602 13.7057 15.6536 13.7578 15.6406C13.8164 15.6211 13.8913 15.5853 13.9824 15.5332L15.5449 14.6738C15.7988 14.5371 16.0007 14.4492 16.1504 14.4102C16.3066 14.3646 16.4596 14.3418 16.6094 14.3418C16.7852 14.3418 16.9544 14.3743 17.1172 14.4395C17.2865 14.498 17.5208 14.6315 17.8203 14.8398L20.2031 16.5488C20.5221 16.7767 20.75 16.9883 20.8867 17.1836C21.0299 17.3789 21.1016 17.5807 21.1016 17.7891C21.1016 18.056 21.0299 18.3424 20.8867 18.6484C20.75 18.9544 20.5026 19.3092 20.1445 19.7129C19.7734 20.1296 19.3145 20.4583 18.7676 20.6992C18.2207 20.9401 17.6217 21.0605 16.9707 21.0605C16.0462 21.0605 15.0664 20.8392 14.0312 20.3965C12.9961 19.9538 11.9544 19.3516 10.9062 18.5898C9.85807 17.8216 8.85547 16.9557 7.89844 15.9922Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/phone.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/phone.svg
new file mode 100644
index 000000000..c641bf3af
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/phone.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.6387 21.4903C15.7077 21.4903 14.7214 21.3015 13.6797 20.9239C12.638 20.5463 11.5768 19.9962 10.4961 19.2735C9.41536 18.5508 8.35742 17.6687 7.32227 16.627C6.27409 15.5853 5.38867 14.5241 4.66602 13.4434C3.94336 12.3627 3.39323 11.3015 3.01562 10.2598C2.64453 9.21165 2.45898 8.22206 2.45898 7.29107C2.45898 6.73118 2.51107 6.22662 2.61523 5.7774C2.72591 5.32818 2.89518 4.91803 3.12305 4.54693C3.35091 4.17584 3.65039 3.82753 4.02148 3.50201C4.06055 3.46295 4.09961 3.42714 4.13867 3.39459C4.18424 3.35553 4.22656 3.31646 4.26562 3.2774C4.92318 2.69146 5.55469 2.40501 6.16016 2.41803C6.51172 2.42454 6.85026 2.53196 7.17578 2.74029C7.50781 2.94212 7.82357 3.26113 8.12305 3.69732L10.0566 6.47076C10.304 6.82232 10.4115 7.19342 10.3789 7.58404C10.3464 7.96816 10.2357 8.30995 10.0469 8.60943L9.16797 9.98639C9.01172 10.2273 8.99219 10.4519 9.10938 10.6602C9.27214 10.9402 9.51628 11.282 9.8418 11.6856C10.1738 12.0893 10.5254 12.4766 10.8965 12.8477C11.1439 13.0951 11.4141 13.349 11.707 13.6094C12 13.8633 12.2767 14.0945 12.5371 14.3028C12.7975 14.5046 12.9993 14.6511 13.1426 14.7422C13.2858 14.8269 13.4225 14.8725 13.5527 14.879C13.6829 14.879 13.8229 14.8464 13.9727 14.7813L15.4863 14.0391C15.9551 13.8113 16.3652 13.7071 16.7168 13.7266C17.0749 13.7396 17.4395 13.8731 17.8105 14.127L20.2617 15.8067C20.6979 16.1062 21.0169 16.4252 21.2188 16.7637C21.4271 17.0958 21.5312 17.4376 21.5312 17.7891C21.5312 18.0886 21.4596 18.3978 21.3164 18.7169C21.1797 19.0294 20.9648 19.3484 20.6719 19.6739C20.6328 19.7195 20.5938 19.7618 20.5547 19.8008C20.5221 19.8399 20.4863 19.8822 20.4473 19.9278C19.9525 20.4812 19.4056 20.8783 18.8066 21.1192C18.2142 21.3666 17.4915 21.4903 16.6387 21.4903ZM16.6484 20.0059C17.1888 19.9929 17.6868 19.892 18.1426 19.7032C18.5983 19.5144 18.9954 19.2279 19.334 18.8438C19.36 18.8113 19.3828 18.782 19.4023 18.7559C19.4284 18.7299 19.4544 18.7006 19.4805 18.668C19.7409 18.3685 19.8711 18.0723 19.8711 17.7794C19.8711 17.6296 19.8385 17.4929 19.7734 17.3692C19.7148 17.2455 19.6139 17.1381 19.4707 17.0469L17.1855 15.5137C17.0293 15.4161 16.873 15.3575 16.7168 15.3379C16.5671 15.3184 16.3978 15.351 16.209 15.4356L14.5684 16.2169C14.1126 16.4382 13.735 16.5326 13.4355 16.5001C13.1361 16.4675 12.8398 16.3438 12.5469 16.129C12.319 15.9727 12.0456 15.7644 11.7266 15.504C11.4076 15.2435 11.082 14.9669 10.75 14.6739C10.4245 14.3809 10.138 14.1107 9.89062 13.8633C9.51302 13.4922 9.12565 13.0626 8.72852 12.5743C8.33789 12.086 8.0026 11.6563 7.72266 11.2852C7.50781 10.9922 7.38737 10.7058 7.36133 10.4258C7.33529 10.1394 7.42969 9.82363 7.64453 9.47857L8.62109 7.91607C8.80339 7.61008 8.81641 7.34316 8.66016 7.11529L6.90234 4.47857C6.72656 4.21165 6.48242 4.07818 6.16992 4.07818C6.0332 4.07818 5.88672 4.11074 5.73047 4.17584C5.58073 4.24094 5.43099 4.3386 5.28125 4.46881C5.25521 4.49485 5.22591 4.52089 5.19336 4.54693C5.16732 4.56646 5.13802 4.58925 5.10547 4.61529C4.72135 4.95383 4.43164 5.35097 4.23633 5.8067C4.04753 6.25592 3.94987 6.74745 3.94336 7.28131C3.92383 8.11464 4.11263 9.01633 4.50977 9.98639C4.91341 10.9499 5.45703 11.92 6.14062 12.8965C6.82422 13.8666 7.59245 14.7748 8.44531 15.6212C9.28516 16.461 10.1803 17.2162 11.1309 17.8868C12.0879 18.5508 13.0384 19.0717 13.9824 19.4493C14.9329 19.8334 15.8216 20.0189 16.6484 20.0059Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/picture-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/picture-filled.svg
new file mode 100644
index 000000000..11a2c500d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/picture-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8135 3.79102C20.8064 3.79105 21.5559 4.04418 22.0615 4.5498C22.5669 5.04934 22.8193 5.78624 22.8193 6.76074V17.8916C22.8193 18.8661 22.567 19.603 22.0615 20.1025C21.5559 20.6021 20.8064 20.8525 19.8135 20.8525H4.16895C3.18201 20.8525 2.43534 20.6021 1.92969 20.1025C1.42414 19.603 1.17095 18.8662 1.1709 17.8916V6.76074C1.17092 5.78616 1.42417 5.04935 1.92969 4.5498C2.43534 4.04415 3.18201 3.79102 4.16895 3.79102H19.8135ZM15.6006 11.8965C15.0645 11.8965 14.58 12.0888 14.1475 12.4727L9.8252 16.3193L8.08887 14.7568C7.68683 14.3913 7.25126 14.209 6.78223 14.209C6.57522 14.209 6.36814 14.2544 6.16113 14.3457C5.96016 14.431 5.75859 14.5617 5.55762 14.7383L2.97168 16.9961V17.7178C2.9717 18.1381 3.09055 18.4675 3.32812 18.7051C3.56569 18.9424 3.89163 19.0605 4.30566 19.0605H19.6943C20.0964 19.0605 20.4167 18.9454 20.6543 18.7139C20.8979 18.4763 21.0195 18.1504 21.0195 17.7363V16.1729L17.0264 12.4814C16.8193 12.2865 16.5906 12.1404 16.3408 12.043C16.0911 11.9455 15.8443 11.8965 15.6006 11.8965ZM8.29883 7.94922C7.87854 7.94925 7.49466 8.05266 7.14746 8.25977C6.80647 8.46684 6.53227 8.74374 6.3252 9.09082C6.11806 9.43198 6.01465 9.81034 6.01465 10.2246C6.01471 10.6448 6.11812 11.0288 6.3252 11.376C6.5323 11.717 6.8064 11.9912 7.14746 12.1982C7.49466 12.4053 7.87854 12.5088 8.29883 12.5088C8.70693 12.5088 9.08174 12.4053 9.42285 12.1982C9.77008 11.9911 10.0478 11.7171 10.2549 11.376C10.462 11.0288 10.5654 10.6448 10.5654 10.2246C10.5654 9.81034 10.462 9.43198 10.2549 9.09082C10.0478 8.74361 9.77007 8.46688 9.42285 8.25977C9.0817 8.05264 8.70699 7.94922 8.29883 7.94922Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/picture-remove.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/picture-remove.svg
new file mode 100644
index 000000000..315d862ca
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/picture-remove.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7275 11.6094C19.3896 11.6094 20.0334 11.7355 20.6582 11.9873C21.2829 12.2298 21.8427 12.5986 22.3369 13.0928C22.8262 13.5822 23.1921 14.1391 23.4346 14.7637C23.6864 15.3886 23.8103 16.0353 23.8057 16.7021C23.8056 17.3642 23.6795 18.0081 23.4277 18.6328C23.1853 19.2574 22.8216 19.8121 22.3369 20.2969C21.8427 20.7911 21.2851 21.162 20.665 21.4092C20.0449 21.6563 19.4012 21.7781 18.7344 21.7734C18.0722 21.7734 17.4286 21.6516 16.8037 21.4092C16.1835 21.162 15.6262 20.7912 15.1318 20.2969C14.6376 19.8026 14.2667 19.2452 14.0195 18.625C13.7771 18.0002 13.6562 17.3564 13.6562 16.6943C13.6516 16.0276 13.7724 15.3838 14.0195 14.7637C14.2667 14.1437 14.6377 13.5869 15.1318 13.0928C15.6262 12.5985 16.1835 12.2276 16.8037 11.9805C17.4239 11.7333 18.0654 11.6094 18.7275 11.6094ZM20.5391 14.2041C20.362 14.2041 20.2033 14.2744 20.0635 14.4141L18.7344 15.7432L17.4053 14.4141C17.2655 14.2743 17.1068 14.2042 16.9297 14.2041C16.7573 14.1994 16.5986 14.2697 16.4541 14.4141C16.3095 14.5586 16.2373 14.7203 16.2373 14.8975C16.2421 15.0698 16.3144 15.2255 16.4541 15.3652L17.7832 16.6943L16.4541 18.0234C16.3143 18.1632 16.2443 18.322 16.2441 18.499C16.2395 18.6716 16.3095 18.831 16.4541 18.9756C16.5986 19.1199 16.7595 19.1924 16.9365 19.1924C17.109 19.1877 17.2654 19.1154 17.4053 18.9756L18.7344 17.6465L20.0635 18.9756C20.2033 19.1152 20.3598 19.1877 20.5322 19.1924C20.7092 19.1923 20.8702 19.1199 21.0146 18.9756C21.1592 18.831 21.2293 18.6716 21.2246 18.499C21.2245 18.322 21.1544 18.1632 21.0146 18.0234L19.6855 16.6943L21.0146 15.3652C21.1542 15.2255 21.2267 15.0697 21.2314 14.8975C21.2314 14.7203 21.1592 14.5586 21.0146 14.4141C20.8702 14.2696 20.7115 14.1995 20.5391 14.2041Z" fill="#222631"/>
+<path d="M20.1357 3.12305C21.1688 3.12313 21.9485 3.38611 22.4746 3.91211C23.0008 4.43196 23.2637 5.19953 23.2637 6.21387V11.2422C22.7063 10.7748 22.0753 10.3929 21.3906 10.1152V6.375C21.3906 5.91896 21.2733 5.57679 21.0391 5.34863C20.8045 5.11407 20.4677 4.99609 20.0303 4.99609H3.96875C3.52527 4.99618 3.18663 5.11421 2.95215 5.34863C2.72399 5.57679 2.60944 5.91875 2.60938 6.375V16.5361L5.22461 14.1924C5.42114 14.0085 5.61792 13.8754 5.81445 13.793C6.01724 13.7043 6.22938 13.6592 6.45117 13.6592C6.67306 13.6592 6.89187 13.7076 7.10742 13.8027C7.32923 13.8915 7.53889 14.0247 7.73535 14.2021L9.49414 15.79L12.8994 12.7383C12.1579 13.8519 11.7266 15.1898 11.7266 16.6279C11.7266 18.2251 12.2604 19.6969 13.1582 20.877H3.85547C2.82852 20.877 2.05158 20.6174 1.52539 20.0977C0.999202 19.5778 0.736328 18.8102 0.736328 17.7959V6.21387C0.736328 5.19953 0.999202 4.43196 1.52539 3.91211C2.05158 3.38606 2.82859 3.12305 3.85547 3.12305H20.1357Z" fill="#222631"/>
+<path d="M8.10547 7.61133C8.52388 7.61133 8.90473 7.71657 9.24707 7.92578C9.5893 8.12863 9.86163 8.40433 10.0645 8.75293C10.2736 9.10151 10.3788 9.48161 10.3789 9.89355C10.3789 10.312 10.2737 10.6962 10.0645 11.0449C9.86161 11.3934 9.58927 11.6693 9.24707 11.8721C8.90474 12.0749 8.52388 12.1758 8.10547 12.1758C7.6872 12.1757 7.30365 12.0749 6.95508 11.8721C6.61284 11.6693 6.33711 11.3935 6.12793 11.0449C5.92506 10.6962 5.82324 10.312 5.82324 9.89355C5.8233 9.48165 5.92516 9.10149 6.12793 8.75293C6.33709 8.40433 6.61285 8.12864 6.95508 7.92578C7.30365 7.71664 7.6872 7.61139 8.10547 7.61133Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/picture.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/picture.svg
new file mode 100644
index 000000000..0b27a8667
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/picture.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.10547 7.61133C8.52388 7.61133 8.90473 7.71657 9.24707 7.92578C9.5893 8.12863 9.86163 8.40433 10.0645 8.75293C10.2736 9.10151 10.3788 9.48161 10.3789 9.89355C10.3789 10.312 10.2737 10.6962 10.0645 11.0449C9.86161 11.3934 9.58927 11.6693 9.24707 11.8721C8.90474 12.0749 8.52388 12.1758 8.10547 12.1758C7.6872 12.1757 7.30365 12.0749 6.95508 11.8721C6.61284 11.6693 6.33711 11.3935 6.12793 11.0449C5.92506 10.6962 5.82324 10.312 5.82324 9.89355C5.8233 9.48165 5.92516 9.10149 6.12793 8.75293C6.33709 8.40433 6.61285 8.12864 6.95508 7.92578C7.30365 7.71664 7.6872 7.61139 8.10547 7.61133Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1357 3.12305C21.1688 3.12313 21.9485 3.38611 22.4746 3.91211C23.0008 4.43196 23.2637 5.19953 23.2637 6.21387V17.7959C23.2637 18.8102 23.0008 19.5778 22.4746 20.0977C21.9485 20.6174 21.1688 20.8769 20.1357 20.877H3.85547C2.82852 20.877 2.05158 20.6174 1.52539 20.0977C0.999202 19.5778 0.736328 18.8102 0.736328 17.7959V6.21387C0.736328 5.19953 0.999202 4.43196 1.52539 3.91211C2.05158 3.38606 2.82859 3.12305 3.85547 3.12305H20.1357ZM3.96875 4.99609C3.52527 4.99618 3.18663 5.11421 2.95215 5.34863C2.72399 5.57679 2.60944 5.91875 2.60938 6.375V16.5361L5.22461 14.1924C5.42114 14.0085 5.61792 13.8754 5.81445 13.793C6.01724 13.7043 6.22938 13.6592 6.45117 13.6592C6.67306 13.6592 6.89187 13.7076 7.10742 13.8027C7.32923 13.8915 7.53889 14.0247 7.73535 14.2021L9.49414 15.79L13.7832 11.9482C14.0051 11.7581 14.2332 11.6146 14.4678 11.5195C14.7021 11.4246 14.9493 11.377 15.209 11.377C15.4626 11.377 15.7103 11.4279 15.9512 11.5293C16.1984 11.6244 16.4266 11.7703 16.6357 11.9668L21.3906 16.4238V6.375C21.3906 5.91896 21.2733 5.57679 21.0391 5.34863C20.8045 5.11407 20.4677 4.99609 20.0303 4.99609H3.96875Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/play.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/play.svg
new file mode 100644
index 000000000..268868284
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/play.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.63979 3.49989C8.03321 3.50127 8.41921 3.60656 8.75903 3.80482L19.4909 10.065C19.8295 10.2615 20.1115 10.5437 20.307 10.8828C20.5025 11.2219 20.6054 11.6063 20.6058 11.9977C20.6061 12.3892 20.5037 12.7739 20.3087 13.1134C20.1382 13.4104 19.9023 13.6637 19.6194 13.8543L19.4953 13.9321L8.75903 20.1949C8.41919 20.3932 8.03324 20.4985 7.63979 20.4999C7.24628 20.5012 6.85916 20.3988 6.51793 20.2028C6.17667 20.0068 5.89286 19.7239 5.69576 19.3833C5.49876 19.0427 5.39509 18.6557 5.3952 18.2623V5.73749C5.39509 5.34397 5.49871 4.95713 5.69576 4.61651C5.89286 4.27586 6.17667 3.993 6.51793 3.79696C6.85914 3.60099 7.24631 3.49856 7.63979 3.49989Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/play_arrow.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/play_arrow.svg
new file mode 100644
index 000000000..e0bda1bad
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/play_arrow.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 19V5L19 12L8 19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/plus-dashed-edit.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/plus-dashed-edit.svg
new file mode 100644
index 000000000..dd49bff08
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/plus-dashed-edit.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0049 15.2716C22.0048 16.1554 21.8368 16.9136 21.501 17.5441C21.1592 18.1743 20.679 18.6584 20.0605 18.9943C19.4417 19.3302 18.7128 19.4972 17.876 19.4972H17.3545V21.5929C17.3543 22.0167 17.2451 22.3563 17.0273 22.6095C16.8094 22.8626 16.5057 22.9902 16.1172 22.9904C15.8463 22.9904 15.5921 22.9216 15.3564 22.7863C15.1149 22.6507 14.828 22.4382 14.498 22.1496L11.4844 19.4972H8.09863V17.5343H11.6162C11.8988 17.5343 12.126 17.5702 12.2969 17.6408C12.4618 17.7057 12.6455 17.839 12.8457 18.0392L15.6396 20.7882V18.2951C15.6396 18.0182 15.7006 17.8231 15.8242 17.7111C15.9479 17.5932 16.1402 17.5344 16.3994 17.5343H17.6816C18.477 17.5343 19.07 17.3372 19.459 16.9425C19.8479 16.5477 20.0429 15.9605 20.043 15.1828V15.1124H22.0049V15.2716Z" fill="#222631"/>
+<path d="M3.92383 15.1828C3.9239 15.9606 4.11886 16.5477 4.50781 16.9425C4.89684 17.3371 5.48401 17.5343 6.26758 17.5343H6.59863V19.4972H6.1875C5.29183 19.4972 4.53094 19.3301 3.90625 18.9943C3.27594 18.6585 2.79589 18.1742 2.46582 17.5441C2.12995 16.9136 1.96105 16.1554 1.96094 15.2716V15.1124H3.92383V15.1828Z" fill="#222631"/>
+<path d="M20.3086 5.26284L12.248 13.3244L10.1953 14.1974C10.0687 14.2417 9.95142 14.2137 9.84375 14.1124C9.7361 14.0048 9.71061 13.8876 9.76758 13.7609L10.6709 11.755L18.7217 3.69448L20.3086 5.26284Z" fill="#222631"/>
+<path d="M3.92383 13.6124H1.96094V10.0402H3.92383V13.6124Z" fill="#222631"/>
+<path d="M22.0049 13.6124H20.043V9.43471L22.0049 7.5187V13.6124Z" fill="#222631"/>
+<path d="M6.59863 6.0851H6.28516C5.48966 6.0851 4.89684 6.28222 4.50781 6.6769C4.11893 7.07182 3.92383 7.65586 3.92383 8.42788V8.54018H1.96094V8.34878C1.96094 7.46493 2.1262 6.70688 2.45605 6.07631C2.792 5.44568 3.27565 4.96209 3.90625 4.62612C4.53686 4.2843 5.30051 4.11347 6.19629 4.11342H6.59863V6.0851Z" fill="#222631"/>
+<path d="M13.0947 6.0851H8.09863V4.11342H15.0654L13.0947 6.0851Z" fill="#222631"/>
+<path d="M20.8135 1.96401C21.0729 1.93889 21.294 2.01287 21.4775 2.18374L21.7539 2.45913C21.9502 2.65552 22.0444 2.88398 22.0381 3.1437C22.0316 3.40327 21.9248 3.63443 21.7158 3.83706L21.0508 4.52163L19.4727 2.93471L20.1377 2.27846C20.3278 2.08843 20.5537 1.98302 20.8135 1.96401Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/plus-dashed.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/plus-dashed.svg
new file mode 100644
index 000000000..68cdb78c6
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/plus-dashed.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.72363 15.9668C4.74342 17.0285 5.04056 17.8398 5.61426 18.4004C6.16164 18.9544 6.96653 19.2483 8.02832 19.2812V21.2295C7.20404 21.2097 6.46535 21.0779 5.8125 20.834C5.16619 20.5966 4.62472 20.2573 4.18945 19.8154C3.28597 18.9185 2.81496 17.6353 2.77539 15.9668H4.72363Z" fill="#222631"/>
+<path d="M14.5273 21.2295H9.48242V19.2812H14.5273V21.2295Z" fill="#222631"/>
+<path d="M21.2246 15.9668C21.1916 17.6353 20.7197 18.9185 19.8096 19.8154C18.9061 20.7253 17.6236 21.1965 15.9619 21.2295V19.2812C17.0303 19.2483 17.8415 18.9544 18.3955 18.4004C18.956 17.8398 19.249 17.0285 19.2754 15.9668H21.2246Z" fill="#222631"/>
+<path d="M11.9902 7.42969C12.2671 7.42971 12.4916 7.51511 12.6631 7.68652C12.8411 7.85795 12.9296 8.08248 12.9297 8.35938V11.0703H15.6406C15.9175 11.0704 16.1421 11.1589 16.3135 11.3369C16.4849 11.5084 16.5703 11.7329 16.5703 12.0098C16.5703 12.2735 16.4849 12.4916 16.3135 12.6631C16.1421 12.8345 15.9175 12.9199 15.6406 12.9199H12.9297V15.6406C12.9296 15.9109 12.8411 16.1355 12.6631 16.3135C12.4916 16.4849 12.2671 16.5703 11.9902 16.5703C11.7265 16.5703 11.5084 16.4849 11.3369 16.3135C11.1655 16.1355 11.0801 15.9109 11.0801 15.6406V12.9199H8.36914C8.0923 12.9199 7.86452 12.8345 7.68652 12.6631C7.51508 12.4916 7.42969 12.2735 7.42969 12.0098C7.42971 11.7329 7.51511 11.5084 7.68652 11.3369C7.85793 11.1589 8.08571 11.0704 8.36914 11.0703H11.0801V8.35938C11.0801 8.08928 11.1657 7.86864 11.3369 7.69727C11.5084 7.5192 11.7264 7.42969 11.9902 7.42969Z" fill="#222631"/>
+<path d="M4.72363 14.5225H2.77539V9.49707H4.72363V14.5225Z" fill="#222631"/>
+<path d="M21.2246 14.5225H19.2861V9.49707H21.2246V14.5225Z" fill="#222631"/>
+<path d="M8.02832 4.71875C6.96653 4.75172 6.16164 5.04563 5.61426 5.59961C5.04717 6.15355 4.75004 6.9713 4.72363 8.05273H2.77539C2.7886 7.21526 2.91397 6.4734 3.15137 5.82715C3.39538 5.17428 3.74101 4.62642 4.18945 4.18457C4.62472 3.7493 5.16619 3.41003 5.8125 3.16602C6.46534 2.92206 7.20405 2.79029 8.02832 2.77051V4.71875Z" fill="#222631"/>
+<path d="M15.9619 2.77051C17.6236 2.80348 18.9061 3.27477 19.8096 4.18457C20.258 4.62643 20.6014 5.17425 20.8389 5.82715C21.0829 6.4734 21.2114 7.21526 21.2246 8.05273H19.2861C19.2531 6.97128 18.956 6.15355 18.3955 5.59961C17.8415 5.04563 17.0303 4.75173 15.9619 4.71875V2.77051Z" fill="#222631"/>
+<path d="M14.5273 4.71875H9.48242V2.77051H14.5273V4.71875Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/present_to_all.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/present_to_all.svg
new file mode 100644
index 000000000..bf690ad8c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/present_to_all.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 16H13V11.85L14.6 13.425L16.025 12L12 8L8 12L9.425 13.4L11 11.825V16ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/print.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/print.svg
new file mode 100644
index 000000000..0e687c703
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/print.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 8V5H8V8H6V3H18V8H16ZM18 12.5C18.2833 12.5 18.5208 12.4042 18.7125 12.2125C18.9042 12.0208 19 11.7833 19 11.5C19 11.2167 18.9042 10.9792 18.7125 10.7875C18.5208 10.5958 18.2833 10.5 18 10.5C17.7167 10.5 17.4792 10.5958 17.2875 10.7875C17.0958 10.9792 17 11.2167 17 11.5C17 11.7833 17.0958 12.0208 17.2875 12.2125C17.4792 12.4042 17.7167 12.5 18 12.5ZM16 19V15H8V19H16ZM18 21H6V17H2V11C2 10.15 2.29167 9.4375 2.875 8.8625C3.45833 8.2875 4.16667 8 5 8H19C19.85 8 20.5625 8.2875 21.1375 8.8625C21.7125 9.4375 22 10.15 22 11V17H18V21ZM20 15V11C20 10.7167 19.9042 10.4792 19.7125 10.2875C19.5208 10.0958 19.2833 10 19 10H5C4.71667 10 4.47917 10.0958 4.2875 10.2875C4.09583 10.4792 4 10.7167 4 11V15H6V13H18V15H20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/priority_high.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/priority_high.svg
new file mode 100644
index 000000000..7de0a98e0
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/priority_high.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21C11.45 21 10.9792 20.8042 10.5875 20.4125C10.1958 20.0208 10 19.55 10 19C10 18.45 10.1958 17.9792 10.5875 17.5875C10.9792 17.1958 11.45 17 12 17C12.55 17 13.0208 17.1958 13.4125 17.5875C13.8042 17.9792 14 18.45 14 19C14 19.55 13.8042 20.0208 13.4125 20.4125C13.0208 20.8042 12.55 21 12 21ZM10 15V3H14V15H10Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/progress_activity.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/progress_activity.svg
new file mode 100644
index 000000000..5b34a33c4
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/progress_activity.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/public.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/public.svg
new file mode 100644
index 000000000..5c867ad13
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/public.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/published_with_changes.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/published_with_changes.svg
new file mode 100644
index 000000000..cefd3c0b9
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/published_with_changes.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 21.95C9.73333 21.8167 8.55417 21.4708 7.4625 20.9125C6.37083 20.3542 5.42083 19.6292 4.6125 18.7375C3.80417 17.8458 3.16667 16.825 2.7 15.675C2.23333 14.525 2 13.3 2 12C2 10.4833 2.30417 9.08332 2.9125 7.79999C3.52083 6.51665 4.35 5.41665 5.4 4.49999H3V2.49999H9V8.49999H7V5.77499C6.08333 6.50832 5.35417 7.41249 4.8125 8.48749C4.27083 9.56249 4 10.7333 4 12C4 14.05 4.67083 15.8208 6.0125 17.3125C7.35417 18.8042 9.01667 19.675 11 19.925V21.95ZM10.575 16.6L6.35 12.35L7.75 10.95L10.575 13.775L16.25 8.09999L17.65 9.52499L10.575 16.6ZM15 21.5V15.5H17V18.225C17.9167 17.475 18.6458 16.5667 19.1875 15.5C19.7292 14.4333 20 13.2667 20 12C20 9.94999 19.3292 8.17915 17.9875 6.68749C16.6458 5.19582 14.9833 4.32499 13 4.07499V2.04999C15.5333 2.29999 17.6667 3.36665 19.4 5.24999C21.1333 7.13332 22 9.38332 22 12C22 13.5167 21.6958 14.9167 21.0875 16.2C20.4792 17.4833 19.65 18.5833 18.6 19.5H21V21.5H15Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/puzzle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/puzzle-filled.svg
new file mode 100644
index 000000000..81e847f14
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/puzzle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.94798 3.30664C8.01975 3.30672 7.31901 3.54355 6.84599 4.01658C6.36709 4.48377 6.12781 5.17293 6.12781 6.08354V9.69403C6.12772 9.78818 6.09795 9.84989 6.03919 9.8795C5.9742 9.90313 5.89698 9.88595 5.80838 9.82695C5.65462 9.71459 5.49148 9.61375 5.31998 9.52505C5.14264 9.4364 4.9532 9.36495 4.75223 9.31176C4.55132 9.25862 4.33558 9.23243 4.10515 9.23242C3.5729 9.23242 3.09924 9.35368 2.68527 9.59614C2.26556 9.83859 1.93437 10.173 1.69197 10.5987C1.44962 11.0185 1.32825 11.4947 1.32825 12.0268C1.32828 12.5531 1.44954 13.0292 1.69197 13.455C1.93441 13.8807 2.26548 14.2151 2.68527 14.4575C3.09924 14.7 3.5729 14.8213 4.10515 14.8213C4.33563 14.8212 4.55128 14.794 4.75223 14.7409C4.95314 14.6877 5.14269 14.6172 5.31998 14.5286C5.49148 14.4399 5.65462 14.3414 5.80838 14.235C5.89695 14.1701 5.97422 14.1529 6.03919 14.1824C6.09809 14.2062 6.12781 14.2652 6.12781 14.3596V17.9083C6.12787 18.8247 6.36713 19.5164 6.84599 19.9835C7.31901 20.4565 8.01975 20.6934 8.94798 20.6934H19.8773C20.7938 20.6934 21.4887 20.4541 21.9618 19.9753C22.4349 19.5022 22.6717 18.804 22.6718 17.8815V14.1206C22.6718 13.8072 22.5676 13.5579 22.3606 13.3746C22.1538 13.1916 21.9117 13.0996 21.6341 13.0995C21.4746 13.0995 21.3146 13.1357 21.155 13.2066C20.9894 13.2776 20.8353 13.3841 20.6934 13.5261C20.5634 13.6561 20.4124 13.7946 20.2411 13.9423C20.0696 14.0842 19.8598 14.2089 19.6115 14.3153C19.3631 14.4159 19.064 14.4658 18.7151 14.4658C18.2717 14.4657 17.8668 14.3568 17.5002 14.1381C17.1336 13.9193 16.8435 13.6258 16.6306 13.2592C16.4119 12.8926 16.3019 12.4844 16.3019 12.0351C16.3079 11.5799 16.4211 11.1693 16.6398 10.8027C16.8527 10.4302 17.1418 10.1367 17.5085 9.92381C17.8692 9.71093 18.2716 9.60441 18.7151 9.60439C19.064 9.60439 19.3631 9.65532 19.6115 9.75585C19.8596 9.85633 20.0697 9.98011 20.2411 10.1278C20.4125 10.2697 20.5633 10.4058 20.6934 10.5359C20.8353 10.6837 20.9894 10.7936 21.155 10.8646C21.3146 10.9295 21.4746 10.9624 21.6341 10.9624C21.9119 10.9623 22.1537 10.8728 22.3606 10.6956C22.5675 10.5123 22.6717 10.2615 22.6718 9.94235V6.11858C22.6717 5.19021 22.4348 4.48967 21.9618 4.01658C21.4887 3.54348 20.7939 3.30665 19.8773 3.30664H8.94798Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/puzzle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/puzzle.svg
new file mode 100644
index 000000000..8ab36c79b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/puzzle.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.6008 2.83813C21.5544 2.83813 22.2872 3.08759 22.7983 3.5862C23.3092 4.08479 23.5644 4.80452 23.5645 5.74547V9.86841C23.5645 10.2922 23.443 10.6286 23.2 10.8779C22.9507 11.121 22.6454 11.2424 22.284 11.2424C22.0845 11.2424 21.8908 11.2022 21.7038 11.1212C21.5109 11.0403 21.3243 10.9218 21.1437 10.7663C20.9256 10.5731 20.6941 10.4205 20.451 10.3083C20.208 10.1899 19.9494 10.1298 19.6753 10.1298C19.1705 10.1299 18.7372 10.3014 18.3757 10.6441C18.0142 10.9869 17.8338 11.4424 17.8338 12.0095C17.8338 12.5765 18.0145 13.0313 18.3757 13.374C18.7372 13.7105 19.1705 13.8787 19.6753 13.8788C19.9494 13.8788 20.2081 13.8229 20.451 13.7108C20.6941 13.5924 20.9256 13.4365 21.1437 13.2433C21.3243 13.0877 21.5109 12.9693 21.7038 12.8883C21.8908 12.8073 22.0845 12.7662 22.284 12.7662C22.6453 12.7662 22.9507 12.8911 23.2 13.1402C23.443 13.3895 23.5645 13.7236 23.5645 14.1411V18.245C23.5645 19.1859 23.3091 19.9057 22.7983 20.4043C22.2872 20.9091 21.5544 21.1619 20.6008 21.1619H9.07358C8.12009 21.1618 7.39049 20.9091 6.88569 20.4043C6.37491 19.9057 6.11949 19.1859 6.11949 18.245V15.1134C6.11949 15.0388 6.09475 14.9886 6.04507 14.9636C5.99521 14.9325 5.92292 14.9481 5.82943 15.0104C5.64882 15.1349 5.45907 15.2442 5.25979 15.3377C5.05425 15.4311 4.839 15.5058 4.61478 15.5619C4.38417 15.618 4.14369 15.6459 3.89439 15.6459C3.29619 15.6458 2.73232 15.4964 2.20266 15.1974C1.67288 14.892 1.24531 14.4677 0.921216 13.9255C0.597338 13.3835 0.435605 12.748 0.435547 12.0191C0.435547 11.2963 0.597287 10.6634 0.921216 10.1213C1.24531 9.57902 1.67288 9.15807 2.20266 8.8589C2.73235 8.55982 3.29616 8.41046 3.89439 8.41045C4.14369 8.41045 4.38417 8.43832 4.61478 8.49441C4.83898 8.54427 5.05426 8.61899 5.25979 8.71864C5.45907 8.81208 5.64882 8.92137 5.82943 9.04592C5.92292 9.10201 5.99521 9.1176 6.04507 9.09267C6.09483 9.0615 6.11949 9.00804 6.11949 8.93333V5.74547C6.11951 4.8046 6.37487 4.08478 6.88569 3.5862C7.39049 3.08762 8.12009 2.83817 9.07358 2.83813H20.6008ZM9.10221 4.5957C8.71578 4.5957 8.41625 4.70484 8.20434 4.92298C7.98629 5.13484 7.87711 5.43695 7.87706 5.82944V9.86841C7.87706 10.2922 7.75562 10.6319 7.51257 10.8875C7.26332 11.1429 6.95796 11.271 6.59658 11.271C6.3909 11.271 6.19388 11.2299 6.0069 11.1489C5.82009 11.0679 5.63598 10.9463 5.4554 10.7844C5.23122 10.5976 4.99788 10.4447 4.75504 10.3264C4.51197 10.208 4.2559 10.1489 3.9879 10.1489C3.48308 10.1489 3.0498 10.3204 2.68833 10.6632C2.32692 11.006 2.14636 11.4582 2.14636 12.0191C2.14644 12.5861 2.32693 13.0441 2.68833 13.3931C3.0498 13.7359 3.48308 13.9074 3.9879 13.9074C4.2559 13.9074 4.51197 13.8483 4.75504 13.7299C4.99791 13.6116 5.2312 13.4554 5.4554 13.2624C5.63607 13.1066 5.82 12.9875 6.0069 12.9065C6.19388 12.8254 6.3909 12.7853 6.59658 12.7853C6.95796 12.7853 7.26332 12.9134 7.51257 13.1689C7.75555 13.4244 7.87706 13.7642 7.87706 14.1879V18.161C7.87708 18.5598 7.98626 18.8651 8.20434 19.077C8.41625 19.2889 8.71578 19.3948 9.10221 19.3948H20.5732C20.9595 19.3947 21.2615 19.2889 21.4796 19.077C21.6977 18.8651 21.8069 18.5599 21.8069 18.161V15.2069C21.8069 15.0139 21.7666 14.9261 21.6857 14.9446C21.5984 14.9633 21.5106 15.001 21.4233 15.0571C21.2427 15.163 21.0562 15.26 20.8632 15.3472C20.6701 15.4282 20.4672 15.493 20.2554 15.5428C20.0435 15.5927 19.8219 15.6182 19.5913 15.6182C18.987 15.6182 18.423 15.4687 17.8996 15.1697C17.3698 14.8706 16.9422 14.4496 16.6181 13.9074C16.2878 13.3652 16.123 12.7325 16.1229 12.0095C16.1229 11.2804 16.2879 10.6444 16.6181 10.1022C16.9422 9.55994 17.3698 9.13899 17.8996 8.83982C18.423 8.54081 18.9869 8.39137 19.5913 8.39136C19.8219 8.39136 20.0435 8.41593 20.2554 8.46579C20.4673 8.50942 20.6701 8.57511 20.8632 8.66234C21.0563 8.74954 21.2427 8.84986 21.4233 8.96195C21.5106 9.01181 21.5984 9.04866 21.6857 9.07359C21.7667 9.09218 21.8069 9.00196 21.8069 8.80261V5.82944C21.8068 5.4369 21.6977 5.13485 21.4796 4.92298C21.2615 4.7049 20.9595 4.59573 20.5732 4.5957H9.10221Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/question-mark.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/question-mark.svg
new file mode 100644
index 000000000..23db27007
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/question-mark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9951 22.2189C10.5837 22.2189 9.26145 21.9518 8.02819 21.4176C6.79493 20.89 5.71006 20.158 4.77358 19.2215C3.83709 18.2916 3.10176 17.21 2.56756 15.9768C2.03997 14.7369 1.77617 13.4113 1.77617 12C1.77617 10.5887 2.03997 9.26641 2.56756 8.03315C3.10176 6.7933 3.83709 5.70513 4.77358 4.76865C5.71006 3.83216 6.79493 3.10012 8.02819 2.57252C9.26145 2.04493 10.5837 1.78113 11.9951 1.78113C13.4064 1.78113 14.7287 2.04493 15.9619 2.57252C17.2018 3.10012 18.2899 3.83216 19.2264 4.76865C20.1629 5.70513 20.895 6.7933 21.4226 8.03315C21.9567 9.26641 22.2238 10.5887 22.2238 12C22.2238 13.4113 21.9567 14.7369 21.4226 15.9768C20.895 17.21 20.1629 18.2916 19.2264 19.2215C18.2899 20.158 17.2018 20.89 15.9619 21.4176C14.7287 21.9518 13.4064 22.2189 11.9951 22.2189ZM11.9951 20.2009C13.1294 20.2009 14.1912 19.9865 15.1804 19.5578C16.1697 19.1358 17.0402 18.5488 17.792 17.797C18.5505 17.0452 19.1407 16.1746 19.5628 15.1854C19.9849 14.1961 20.1959 13.1344 20.1959 12C20.1959 10.8657 19.9849 9.8039 19.5628 8.81465C19.1407 7.81881 18.5505 6.94828 17.792 6.20305C17.0402 5.45122 16.1697 4.86427 15.1804 4.44219C14.1912 4.01352 13.1294 3.79919 11.9951 3.79919C10.8673 3.79919 9.80553 4.01352 8.80969 4.44219C7.82045 4.86427 6.94992 5.45122 6.19809 6.20305C5.44626 6.94828 4.85602 7.81881 4.42734 8.81465C4.00527 9.8039 3.79423 10.8657 3.79423 12C3.79423 13.1344 4.00527 14.1961 4.42734 15.1854C4.85602 16.1746 5.44626 17.0452 6.19809 17.797C6.94992 18.5488 7.82045 19.1358 8.80969 19.5578C9.80553 19.9865 10.8673 20.2009 11.9951 20.2009ZM11.7774 13.9686C11.1509 13.9686 10.8376 13.6883 10.8376 13.1278C10.8376 13.108 10.8376 13.0882 10.8376 13.0684C10.8376 13.0486 10.8376 13.0321 10.8376 13.0189C10.8376 12.5639 10.9498 12.1946 11.174 11.911C11.4048 11.6274 11.6983 11.3636 12.0544 11.1196C12.4765 10.8294 12.7898 10.5821 12.9942 10.3777C13.2052 10.1732 13.3108 9.91601 13.3108 9.60605C13.3108 9.26971 13.1855 8.99602 12.9348 8.78498C12.6908 8.56734 12.3677 8.45853 11.9654 8.45853C11.7675 8.45853 11.5829 8.4915 11.4114 8.55745C11.2465 8.6234 11.0916 8.71903 10.9465 8.84433C10.808 8.96304 10.6827 9.11143 10.5705 9.28949L10.4123 9.49723C10.3199 9.62254 10.2078 9.72146 10.0759 9.79401C9.95062 9.86655 9.79894 9.90282 9.62087 9.90282C9.41643 9.90282 9.23507 9.83358 9.07679 9.69508C8.91851 9.55659 8.83937 9.36863 8.83937 9.13121C8.83937 9.03888 8.84597 8.95315 8.85916 8.87401C8.87894 8.78827 8.90532 8.70254 8.9383 8.61681C9.08998 8.15516 9.43951 7.75616 9.9869 7.41982C10.5409 7.08348 11.2432 6.91531 12.094 6.91531C12.6743 6.91531 13.2085 7.01753 13.6966 7.22197C14.1912 7.42641 14.5869 7.71989 14.8837 8.1024C15.1804 8.48491 15.3288 8.94985 15.3288 9.49723C15.3288 10.0776 15.1804 10.5359 14.8837 10.8723C14.5935 11.2086 14.2077 11.5384 13.7262 11.8615C13.3965 12.0726 13.1459 12.2737 12.9744 12.465C12.8029 12.6562 12.7106 12.8804 12.6974 13.1377C12.6974 13.1508 12.6974 13.1706 12.6974 13.197C12.6974 13.2168 12.6941 13.2366 12.6875 13.2564C12.6743 13.4542 12.5853 13.6224 12.4204 13.7609C12.2622 13.8994 12.0478 13.9686 11.7774 13.9686ZM11.7576 17.0056C11.4411 17.0056 11.1674 16.9034 10.9366 16.6989C10.7123 16.4879 10.6002 16.2274 10.6002 15.9174C10.6002 15.6075 10.7123 15.3503 10.9366 15.1458C11.1608 14.9348 11.4345 14.8293 11.7576 14.8293C12.0808 14.8293 12.3545 14.9315 12.5787 15.1359C12.8029 15.3404 12.9151 15.6009 12.9151 15.9174C12.9151 16.234 12.8029 16.4945 12.5787 16.6989C12.3545 16.9034 12.0808 17.0056 11.7576 17.0056Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/radio_button_checked.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/radio_button_checked.svg
new file mode 100644
index 000000000..14bfba59b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/radio_button_checked.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 17C13.3833 17 14.5625 16.5125 15.5375 15.5375C16.5125 14.5625 17 13.3833 17 12C17 10.6167 16.5125 9.4375 15.5375 8.4625C14.5625 7.4875 13.3833 7 12 7C10.6167 7 9.4375 7.4875 8.4625 8.4625C7.4875 9.4375 7 10.6167 7 12C7 13.3833 7.4875 14.5625 8.4625 15.5375C9.4375 16.5125 10.6167 17 12 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/radio_button_unchecked.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/radio_button_unchecked.svg
new file mode 100644
index 000000000..19d4f2bca
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/radio_button_unchecked.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/rate_review.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/rate_review.svg
new file mode 100644
index 000000000..c0ae6bf76
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/rate_review.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 14H9.05L14.05 9C14.2 8.85 14.3125 8.67917 14.3875 8.4875C14.4625 8.29583 14.5 8.10833 14.5 7.925C14.5 7.74167 14.4583 7.5625 14.375 7.3875C14.2917 7.2125 14.1833 7.05 14.05 6.9L13.15 5.95C13 5.8 12.8333 5.6875 12.65 5.6125C12.4667 5.5375 12.275 5.5 12.075 5.5C11.8917 5.5 11.7042 5.5375 11.5125 5.6125C11.3208 5.6875 11.15 5.8 11 5.95L6 10.95V14ZM7.5 12.5V11.55L10.025 9.025L10.525 9.475L10.975 9.975L8.45 12.5H7.5ZM10.525 9.475L10.975 9.975L10.025 9.025L10.525 9.475ZM11.175 14H18V12H13.175L11.175 14ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/rectangle-rotate.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/rectangle-rotate.svg
new file mode 100644
index 000000000..eddc96630
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/rectangle-rotate.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2767 7.44757C14.9563 7.44757 15.5075 7.65567 15.9298 8.07136C16.3585 8.48042 16.5734 9.01515 16.5734 9.67486V19.3493C16.5733 20.0089 16.3586 20.5438 15.9298 20.9528C15.5075 21.3617 14.9561 21.5654 14.2767 21.5654H7.23064C6.55118 21.5654 5.99645 21.3617 5.56761 20.9528C5.14542 20.5438 4.93399 20.0089 4.9339 19.3493V9.67486C4.9339 9.01512 5.14544 8.48043 5.56761 8.07136C5.99649 7.65567 6.55102 7.44757 7.23064 7.44757H14.2767ZM7.43774 9.21849C7.2136 9.21857 7.03512 9.2817 6.90324 9.40699C6.77802 9.53229 6.71602 9.69744 6.71598 9.9018V19.1211C6.71598 19.3188 6.7781 19.4806 6.90324 19.606C7.03512 19.7247 7.2136 19.7845 7.43774 19.7845H14.0696C14.3002 19.7844 14.4821 19.7246 14.614 19.606C14.7457 19.4807 14.8112 19.3188 14.8112 19.1211V9.9018C14.8111 9.69748 14.7457 9.53229 14.614 9.40699C14.4821 9.28172 14.3002 9.21859 14.0696 9.21849H7.43774Z" fill="#222631"/>
+<path d="M14.0045 0.539663C14.2984 0.321305 14.5736 0.257941 14.8298 0.348228C15.0939 0.438764 15.2269 0.684319 15.2269 1.08419V2.39588H15.5318C16.5126 2.39588 17.3732 2.60344 18.1126 3.0184C18.8519 3.42576 19.4291 4.00306 19.844 4.74982C20.2665 5.48921 20.4779 6.35364 20.4779 7.342V8.70048C20.4778 8.90399 20.4018 9.08147 20.251 9.23225C20.1077 9.3754 19.938 9.44637 19.7419 9.44637C19.5383 9.44636 19.361 9.37545 19.2102 9.23225C19.0669 9.08147 18.9947 8.90399 18.9946 8.70048V7.342C18.9946 6.63279 18.8478 6.01012 18.5536 5.47444C18.2669 4.93885 17.8631 4.52361 17.3426 4.2294C16.8296 3.92771 16.2258 3.77705 15.5318 3.77705H15.2269V5.04478C15.2268 5.4219 15.0939 5.65998 14.8298 5.75805C14.5735 5.84824 14.2985 5.77988 14.0045 5.55385L11.3216 3.58419C11.1031 3.41832 10.994 3.2409 10.994 3.05243C10.9942 2.864 11.1031 2.69031 11.3216 2.53201L14.0045 0.539663Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/replay_10.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/replay_10.svg
new file mode 100644
index 000000000..db6fa8785
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/replay_10.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.75 22 9.57917 21.7625 8.4875 21.2875C7.39583 20.8125 6.44583 20.1708 5.6375 19.3625C4.82917 18.5542 4.1875 17.6042 3.7125 16.5125C3.2375 15.4208 3 14.25 3 13H5C5 14.95 5.67917 16.6042 7.0375 17.9625C8.39583 19.3208 10.05 20 12 20C13.95 20 15.6042 19.3208 16.9625 17.9625C18.3208 16.6042 19 14.95 19 13C19 11.05 18.3208 9.39583 16.9625 8.0375C15.6042 6.67917 13.95 6 12 6H11.85L13.4 7.55L12 9L8 5L12 1L13.4 2.45L11.85 4H12C13.25 4 14.4208 4.2375 15.5125 4.7125C16.6042 5.1875 17.5542 5.82917 18.3625 6.6375C19.1708 7.44583 19.8125 8.39583 20.2875 9.4875C20.7625 10.5792 21 11.75 21 13C21 14.25 20.7625 15.4208 20.2875 16.5125C19.8125 17.6042 19.1708 18.5542 18.3625 19.3625C17.5542 20.1708 16.6042 20.8125 15.5125 21.2875C14.4208 21.7625 13.25 22 12 22ZM9 16V11.5H7.5V10H10.5V16H9ZM12.5 16C12.2167 16 11.9792 15.9042 11.7875 15.7125C11.5958 15.5208 11.5 15.2833 11.5 15V11C11.5 10.7167 11.5958 10.4792 11.7875 10.2875C11.9792 10.0958 12.2167 10 12.5 10H14.5C14.7833 10 15.0208 10.0958 15.2125 10.2875C15.4042 10.4792 15.5 10.7167 15.5 11V15C15.5 15.2833 15.4042 15.5208 15.2125 15.7125C15.0208 15.9042 14.7833 16 14.5 16H12.5ZM13 14.5H14V11.5H13V14.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/right-panel.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/right-panel.svg
new file mode 100644
index 000000000..031b36181
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/right-panel.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.04601 20.3381C3.04306 20.3381 2.28465 20.0812 1.77079 19.5673C1.25693 19.0597 1 18.3105 1 17.32V6.01815C1 5.02139 1.25693 4.26917 1.77079 3.7615C2.28465 3.25383 3.04306 3 4.04601 3H19.9447C20.9538 3 21.7154 3.25383 22.2292 3.7615C22.7431 4.26917 23 5.02139 23 6.01815V17.32C23 18.3105 22.7431 19.0597 22.2292 19.5673C21.7154 20.0812 20.9538 20.3381 19.9447 20.3381H4.04601ZM4.15745 18.5087H19.8425C20.2697 18.5087 20.5979 18.3972 20.8269 18.1743C21.056 17.9515 21.1705 17.614 21.1705 17.1621V6.16674C21.1705 5.72098 21.056 5.38666 20.8269 5.16378C20.5979 4.9409 20.2697 4.82946 19.8425 4.82946H4.15745C3.72407 4.82946 3.39285 4.9409 3.16378 5.16378C2.9409 5.38666 2.82946 5.72098 2.82946 6.16674V17.1621C2.82946 17.614 2.9409 17.9515 3.16378 18.1743C3.39285 18.3972 3.72407 18.5087 4.15745 18.5087ZM13.8898 18.8058V4.51372H15.6264V18.8058H13.8898ZM17.4466 8.22837C17.2794 8.22837 17.134 8.16646 17.0101 8.04263C16.8925 7.91881 16.8337 7.78261 16.8337 7.63402C16.8337 7.47305 16.8925 7.33376 17.0101 7.21613C17.134 7.09849 17.2794 7.03968 17.4466 7.03968H19.3504C19.5113 7.03968 19.6506 7.09849 19.7683 7.21613C19.8921 7.33376 19.954 7.47305 19.954 7.63402C19.954 7.78261 19.8921 7.91881 19.7683 8.04263C19.6506 8.16646 19.5113 8.22837 19.3504 8.22837H17.4466ZM17.4466 10.7172C17.2794 10.7172 17.134 10.6584 17.0101 10.5407C16.8925 10.4169 16.8337 10.2745 16.8337 10.1136C16.8337 9.95877 16.8925 9.82257 17.0101 9.70494C17.134 9.58731 17.2794 9.52849 17.4466 9.52849H19.3504C19.5113 9.52849 19.6506 9.58731 19.7683 9.70494C19.8921 9.82257 19.954 9.95877 19.954 10.1136C19.954 10.2745 19.8921 10.4169 19.7683 10.5407C19.6506 10.6584 19.5113 10.7172 19.3504 10.7172H17.4466ZM17.4466 13.1967C17.2794 13.1967 17.134 13.1379 17.0101 13.0203C16.8925 12.9026 16.8337 12.7664 16.8337 12.6117C16.8337 12.4507 16.8925 12.3114 17.0101 12.1938C17.134 12.0761 17.2794 12.0173 17.4466 12.0173H19.3504C19.5113 12.0173 19.6506 12.0761 19.7683 12.1938C19.8921 12.3114 19.954 12.4507 19.954 12.6117C19.954 12.7664 19.8921 12.9026 19.7683 13.0203C19.6506 13.1379 19.5113 13.1967 19.3504 13.1967H17.4466Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/right_panel_close.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/right_panel_close.svg
new file mode 100644
index 000000000..08d6f26e0
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/right_panel_close.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 8V16L11.5 12L7.5 8ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM16 19H19V5H16V19ZM14 19V5H5V19H14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/right_panel_open.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/right_panel_open.svg
new file mode 100644
index 000000000..eccaf934f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/right_panel_open.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 16V8L7.5 12L11.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM16 19H19V5H16V19ZM14 19V5H5V19H14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/role-up.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/role-up.svg
new file mode 100644
index 000000000..022236127
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/role-up.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 7C12.1394 7 12.2751 7.02583 12.4072 7.07715C12.5467 7.12855 12.6867 7.2204 12.8262 7.35254L15.7139 10.1406C15.8018 10.2287 15.8715 10.3241 15.9229 10.4268C15.9742 10.5222 16 10.6399 16 10.7793C16 11.0364 15.9048 11.25 15.7139 11.4189C15.5303 11.5805 15.3243 11.6611 15.0967 11.6611C14.8322 11.6611 14.6041 11.5548 14.4131 11.3418L13.3223 10.1953L12.9629 9.70898L13.0469 10.8232V15.1318C13.0469 15.411 12.9439 15.6537 12.7383 15.8594C12.5326 16.0577 12.2865 16.1572 12 16.1572C11.7135 16.1572 11.4674 16.0577 11.2617 15.8594C11.0561 15.6537 10.9531 15.411 10.9531 15.1318V10.8232L11.0283 9.72656L10.6777 10.1953L9.59766 11.3418C9.39935 11.5547 9.16771 11.6611 8.90332 11.6611C8.66837 11.6611 8.45896 11.5805 8.27539 11.4189C8.09174 11.25 8 11.0364 8 10.7793C8.00004 10.6399 8.02576 10.5222 8.07715 10.4268C8.12851 10.3241 8.19815 10.2287 8.28613 10.1406L11.1846 7.35254C11.3241 7.22033 11.4606 7.12857 11.5928 7.07715C11.7322 7.02583 11.8679 7 12 7Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C12.1775 1 12.362 1.01821 12.5537 1.05371C12.7524 1.0892 12.9407 1.13099 13.1182 1.18066C13.3454 1.25877 13.669 1.37237 14.0879 1.52148C14.5138 1.67055 14.9821 1.83791 15.4932 2.02246C16.0115 2.19998 16.5268 2.38081 17.0381 2.56543C17.5563 2.75 18.0281 2.92461 18.4541 3.08789C18.8801 3.2441 19.211 3.37129 19.4453 3.4707C19.9775 3.69779 20.3677 3.95714 20.6162 4.24805C20.8718 4.53912 21 5.00103 21 5.63281V13.6855C21 14.6581 20.8545 15.51 20.5635 16.2412C20.2795 16.9654 19.8141 17.6435 19.168 18.2754C18.5289 18.9002 17.6801 19.5428 16.6221 20.2031C15.5712 20.8635 14.2788 21.6133 12.7451 22.4512C12.6104 22.522 12.4756 22.5749 12.3408 22.6104C12.2059 22.653 12.0923 22.6748 12 22.6748C11.9077 22.6748 11.7941 22.653 11.6592 22.6104C11.5244 22.5749 11.3896 22.522 11.2549 22.4512C9.72137 21.6134 8.4251 20.8607 7.36719 20.1934C6.3163 19.533 5.46744 18.8895 4.82129 18.2646C4.18235 17.6399 3.71687 16.9654 3.42578 16.2412C3.14186 15.51 3.00003 14.6581 3 13.6855V5.63281C3.00004 5.00103 3.12457 4.53912 3.37305 4.24805C3.62863 3.95004 4.01887 3.6907 4.54395 3.4707C4.77826 3.37129 5.10912 3.24046 5.53516 3.07715C5.96111 2.91387 6.43295 2.73926 6.95117 2.55469C7.46951 2.36297 7.98485 2.17485 8.49609 1.99023C9.01412 1.80573 9.48264 1.64292 9.90137 1.50098C10.3274 1.35186 10.6583 1.24457 10.8926 1.18066C11.0629 1.13809 11.244 1.09896 11.4355 1.06348C11.6343 1.02089 11.8225 1 12 1ZM12 3.00195C11.9219 3.00195 11.8364 3.01288 11.7441 3.03418C11.659 3.05547 11.5561 3.08733 11.4355 3.12988C11.1515 3.24349 10.8107 3.37167 10.4131 3.51367C10.0226 3.65568 9.59995 3.80472 9.14551 3.96094C8.69108 4.11715 8.23301 4.27712 7.77148 4.44043C7.31718 4.6037 6.88074 4.76375 6.46191 4.91992C6.05008 5.06903 5.68743 5.20715 5.375 5.33496C5.22601 5.39174 5.12685 5.46635 5.07715 5.55859C5.02747 5.65085 5.00198 5.78918 5.00195 5.97363V13.291C5.00195 14.0721 5.10925 14.7365 5.32227 15.2832C5.53525 15.8296 5.88271 16.3372 6.36523 16.8057C6.85512 17.2671 7.50876 17.7608 8.3252 18.2861C9.14883 18.8116 10.1677 19.4442 11.3818 20.1826C11.5379 20.2749 11.6589 20.3385 11.7441 20.374C11.8364 20.4095 11.9219 20.4268 12 20.4268C12.071 20.4268 12.1528 20.4095 12.2451 20.374C12.3374 20.3385 12.4584 20.2749 12.6074 20.1826C13.8145 19.4584 14.826 18.8367 15.6426 18.3184C16.4591 17.7929 17.1126 17.2958 17.6025 16.8271C18.0995 16.3585 18.454 15.8504 18.667 15.3037C18.88 14.7499 18.9873 14.0791 18.9873 13.291V5.97363C18.9873 5.78918 18.9618 5.65085 18.9121 5.55859C18.8624 5.45928 18.7669 5.38465 18.625 5.33496C18.2984 5.22137 17.9257 5.08952 17.5068 4.94043C17.095 4.79132 16.6578 4.63597 16.1963 4.47266C15.7419 4.30935 15.2911 4.14573 14.8438 3.98242C14.3964 3.81911 13.9738 3.66643 13.5762 3.52441C13.1786 3.37532 12.8377 3.24348 12.5537 3.12988C12.4331 3.08732 12.3266 3.05547 12.2344 3.03418C12.1492 3.01288 12.071 3.00195 12 3.00195Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/schedule-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/schedule-filled.svg
new file mode 100644
index 000000000..a252696e6
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/schedule-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/schedule.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/schedule.svg
new file mode 100644
index 000000000..0287685b0
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/schedule.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/sd.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/sd.svg
new file mode 100644
index 000000000..eca21f8b0
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/sd.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0059 10.3486H7.50586V11.3486H10.0039C10.5568 11.3486 11.0048 11.7977 11.0039 12.3506L11.002 14.002C11.0009 14.5533 10.5533 14.9998 10.002 15H6L6.00781 13.6182H9.50781V12.6182H7.00586C6.45455 12.6181 6.00717 12.1714 6.00586 11.6201L6.00195 10.002C6.00087 9.44904 6.44904 9.00018 7.00195 9H11L11.0059 10.3486Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 9C17.2833 9 17.5212 9.09544 17.7129 9.28711C17.9046 9.47878 18 9.71667 18 10V14C18 14.2833 17.9046 14.5212 17.7129 14.7129C17.5212 14.9046 17.2833 15 17 15H13V9H17ZM14.5 10.5V13.5H16.5V10.5H14.5Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 4C20.55 4 21.0204 4.19622 21.4121 4.58789C21.8038 4.97956 22 5.45 22 6V18C22 18.55 21.8038 19.0204 21.4121 19.4121C21.0204 19.8038 20.55 20 20 20H4C3.45 20 2.97956 19.8038 2.58789 19.4121C2.19622 19.0204 2 18.55 2 18V6C2 5.45 2.19622 4.97956 2.58789 4.58789C2.97956 4.19622 3.45 4 4 4H20ZM4 18H20V6H4V18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/search.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/search.svg
new file mode 100644
index 000000000..2b35aaea3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/search.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/send.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/send.svg
new file mode 100644
index 000000000..5704d55c1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/send.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 20V4L22 12L3 20ZM5 17L16.85 12L5 7V10.5L11 12L5 13.5V17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/server.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/server.svg
new file mode 100644
index 000000000..5b6a482eb
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/server.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5713 15.665C17.8625 15.665 18.1136 15.7728 18.3232 15.9883C18.5328 16.2037 18.6376 16.457 18.6377 16.748C18.6377 17.0392 18.5329 17.2903 18.3232 17.5C18.1136 17.7097 17.8625 17.8174 17.5713 17.8232C17.2802 17.829 17.0269 17.7242 16.8115 17.5088C16.6018 17.2933 16.4971 17.0393 16.4971 16.748C16.4972 16.457 16.602 16.2037 16.8115 15.9883C17.0269 15.7729 17.2802 15.6651 17.5713 15.665Z" fill="#222631"/>
+<path d="M17.5713 10.9121C17.8625 10.9121 18.1136 11.0198 18.3232 11.2354C18.5329 11.445 18.6377 11.6991 18.6377 11.9961C18.6376 12.2871 18.5328 12.5375 18.3232 12.7471C18.1136 12.9568 17.8625 13.0645 17.5713 13.0703C17.2802 13.0761 17.0269 12.9712 16.8115 12.7559C16.602 12.5405 16.4972 12.2871 16.4971 11.9961C16.4971 11.7049 16.6018 11.4509 16.8115 11.2354C17.0269 11.02 17.2802 10.9122 17.5713 10.9121Z" fill="#222631"/>
+<path d="M17.5713 6.15039C17.8625 6.15039 18.1136 6.25812 18.3232 6.47363C18.5329 6.68914 18.6377 6.94316 18.6377 7.23438C18.6376 7.52537 18.5327 7.77579 18.3232 7.98535C18.1136 8.19504 17.8625 8.30277 17.5713 8.30859C17.2802 8.31434 17.0269 8.20954 16.8115 7.99414C16.6019 7.77873 16.4972 7.52543 16.4971 7.23438C16.4971 6.94314 16.6018 6.68915 16.8115 6.47363C17.0269 6.25828 17.2802 6.15047 17.5713 6.15039Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.3369 3.84375C20.286 3.84383 21.002 4.08605 21.4854 4.56934C21.9688 5.04696 22.2109 5.75165 22.2109 6.68359V17.3252C22.2109 18.2571 21.9688 18.9618 21.4854 19.4395C21.002 19.9169 20.286 20.1562 19.3369 20.1562H4.37891C3.43532 20.1562 2.72173 19.9171 2.23828 19.4395C1.75484 18.9618 1.5127 18.2571 1.5127 17.3252V6.68359C1.5127 5.75167 1.75485 5.04696 2.23828 4.56934C2.72173 4.08589 3.43531 3.84375 4.37891 3.84375H19.3369ZM3.23438 15.123V17.1768C3.23439 17.5961 3.33916 17.9134 3.54883 18.1289C3.76431 18.3386 4.07577 18.4433 4.4834 18.4434H19.2402C19.642 18.4434 19.9505 18.3385 20.166 18.1289C20.3815 17.9134 20.4902 17.5961 20.4902 17.1768V15.123H3.23438ZM3.23438 10.3535V13.6641H20.4902V10.3535H3.23438ZM4.4834 5.56543C4.07576 5.56546 3.76431 5.67319 3.54883 5.88867C3.33918 6.09836 3.23438 6.4127 3.23438 6.83203V8.89355H20.4902V6.83203C20.4902 6.41266 20.3815 6.09836 20.166 5.88867C19.9505 5.67324 19.6421 5.56543 19.2402 5.56543H4.4834Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/settings-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/settings-filled.svg
new file mode 100644
index 000000000..cb3b3095b
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/settings-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.24995 22L8.84995 18.8C8.63328 18.7167 8.42912 18.6167 8.23745 18.5C8.04578 18.3833 7.85828 18.2583 7.67495 18.125L4.69995 19.375L1.94995 14.625L4.52495 12.675C4.50828 12.5583 4.49995 12.4458 4.49995 12.3375V11.6625C4.49995 11.5542 4.50828 11.4417 4.52495 11.325L1.94995 9.375L4.69995 4.625L7.67495 5.875C7.85828 5.74167 8.04995 5.61667 8.24995 5.5C8.44995 5.38333 8.64995 5.28333 8.84995 5.2L9.24995 2H14.75L15.15 5.2C15.3666 5.28333 15.5708 5.38333 15.7625 5.5C15.9541 5.61667 16.1416 5.74167 16.325 5.875L19.3 4.625L22.05 9.375L19.475 11.325C19.4916 11.4417 19.5 11.5542 19.5 11.6625V12.3375C19.5 12.4458 19.4833 12.5583 19.45 12.675L22.025 14.625L19.275 19.375L16.325 18.125C16.1416 18.2583 15.95 18.3833 15.75 18.5C15.55 18.6167 15.35 18.7167 15.15 18.8L14.75 22H9.24995ZM12.05 15.5C13.0166 15.5 13.8416 15.1583 14.525 14.475C15.2083 13.7917 15.55 12.9667 15.55 12C15.55 11.0333 15.2083 10.2083 14.525 9.525C13.8416 8.84167 13.0166 8.5 12.05 8.5C11.0666 8.5 10.2375 8.84167 9.56245 9.525C8.88745 10.2083 8.54995 11.0333 8.54995 12C8.54995 12.9667 8.88745 13.7917 9.56245 14.475C10.2375 15.1583 11.0666 15.5 12.05 15.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/settings.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/settings.svg
new file mode 100644
index 000000000..18f0fb92d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/settings.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.24995 22L8.84995 18.8C8.63328 18.7167 8.42912 18.6167 8.23745 18.5C8.04578 18.3833 7.85828 18.2583 7.67495 18.125L4.69995 19.375L1.94995 14.625L4.52495 12.675C4.50828 12.5583 4.49995 12.4458 4.49995 12.3375V11.6625C4.49995 11.5542 4.50828 11.4417 4.52495 11.325L1.94995 9.375L4.69995 4.625L7.67495 5.875C7.85828 5.74167 8.04995 5.61667 8.24995 5.5C8.44995 5.38333 8.64995 5.28333 8.84995 5.2L9.24995 2H14.75L15.15 5.2C15.3666 5.28333 15.5708 5.38333 15.7625 5.5C15.9541 5.61667 16.1416 5.74167 16.325 5.875L19.3 4.625L22.05 9.375L19.475 11.325C19.4916 11.4417 19.5 11.5542 19.5 11.6625V12.3375C19.5 12.4458 19.4833 12.5583 19.45 12.675L22.025 14.625L19.275 19.375L16.325 18.125C16.1416 18.2583 15.95 18.3833 15.75 18.5C15.55 18.6167 15.35 18.7167 15.15 18.8L14.75 22H9.24995ZM11 20H12.975L13.325 17.35C13.8416 17.2167 14.3208 17.0208 14.7625 16.7625C15.2041 16.5042 15.6083 16.1917 15.975 15.825L18.45 16.85L19.425 15.15L17.275 13.525C17.3583 13.2917 17.4166 13.0458 17.45 12.7875C17.4833 12.5292 17.5 12.2667 17.5 12C17.5 11.7333 17.4833 11.4708 17.45 11.2125C17.4166 10.9542 17.3583 10.7083 17.275 10.475L19.425 8.85L18.45 7.15L15.975 8.2C15.6083 7.81667 15.2041 7.49583 14.7625 7.2375C14.3208 6.97917 13.8416 6.78333 13.325 6.65L13 4H11.025L10.675 6.65C10.1583 6.78333 9.67912 6.97917 9.23745 7.2375C8.79578 7.49583 8.39162 7.80833 8.02495 8.175L5.54995 7.15L4.57495 8.85L6.72495 10.45C6.64162 10.7 6.58328 10.95 6.54995 11.2C6.51662 11.45 6.49995 11.7167 6.49995 12C6.49995 12.2667 6.51662 12.525 6.54995 12.775C6.58328 13.025 6.64162 13.275 6.72495 13.525L4.57495 15.15L5.54995 16.85L8.02495 15.8C8.39162 16.1833 8.79578 16.5042 9.23745 16.7625C9.67912 17.0208 10.1583 17.2167 10.675 17.35L11 20ZM12.05 15.5C13.0166 15.5 13.8416 15.1583 14.525 14.475C15.2083 13.7917 15.55 12.9667 15.55 12C15.55 11.0333 15.2083 10.2083 14.525 9.525C13.8416 8.84167 13.0166 8.5 12.05 8.5C11.0666 8.5 10.2375 8.84167 9.56245 9.525C8.88745 10.2083 8.54995 11.0333 8.54995 12C8.54995 12.9667 8.88745 13.7917 9.56245 14.475C10.2375 15.1583 11.0666 15.5 12.05 15.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/shared.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/shared.svg
new file mode 100644
index 000000000..6d7c9f17a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/shared.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.9033 13.3496C16.4209 13.3496 15.9411 13.3929 15.4648 13.4795C15.1052 13.5402 14.7542 13.6252 14.4121 13.7354C14.6374 13.8916 14.855 14.0561 15.0635 14.2305L15.0684 14.2344C15.3609 14.4811 15.634 14.7391 15.8867 15.0078C16.2224 14.9476 16.5616 14.918 16.9033 14.918C17.6392 14.918 18.3383 15.0355 19 15.2705C19.6554 15.4993 20.2371 15.8113 20.7441 16.207C21.245 16.5966 21.641 17.0421 21.9316 17.543C22.216 18.0376 22.3584 18.5513 22.3584 19.083C22.3584 19.1692 22.3396 19.2314 22.3027 19.2686C22.2595 19.3055 22.1911 19.3242 22.0986 19.3242H17.8086C17.8056 19.8902 17.6663 20.4326 17.375 20.9014H22.0059C22.6673 20.9013 23.1651 20.7625 23.499 20.4844C23.833 20.2061 24 19.788 24 19.2314C24 18.4647 23.8179 17.7284 23.4531 17.0234C23.0821 16.3122 22.5712 15.6813 21.9219 15.1309C21.2725 14.5805 20.5178 14.1474 19.6582 13.832C18.7987 13.5105 17.8803 13.3496 16.9033 13.3496Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.1543 13.3584C6.91133 13.3584 5.78893 13.5476 4.78711 13.9248C3.77906 14.2959 2.91923 14.781 2.20801 15.3809C1.49674 15.9808 0.952475 16.6276 0.575195 17.3203C0.191801 18.013 0 18.6749 0 19.3057C0.00012207 20.3693 0.791788 20.9014 2.375 20.9014H13.9434C15.5204 20.9014 16.3094 20.3693 16.3096 19.3057C16.3096 18.6748 16.1204 18.013 15.7432 17.3203C15.3597 16.6276 14.8128 15.9808 14.1016 15.3809C13.3842 14.781 12.5243 14.2959 11.5225 13.9248C10.5205 13.5475 9.39746 13.3584 8.1543 13.3584ZM8.1543 14.9639C9.18077 14.9639 10.0903 15.1088 10.8818 15.3994C11.6734 15.6839 12.3415 16.0463 12.8857 16.4854C13.4299 16.9182 13.8444 17.3664 14.1289 17.8301C14.4072 18.2877 14.5468 18.696 14.5469 19.0547C14.5469 19.1413 14.5247 19.2031 14.4814 19.2402C14.432 19.2772 14.355 19.2959 14.25 19.2959H2.06836C1.95729 19.2958 1.88014 19.2773 1.83691 19.2402C1.78751 19.2031 1.7627 19.1412 1.7627 19.0547C1.76276 18.696 1.90145 18.2876 2.17969 17.8301C2.45794 17.3663 2.8726 16.9182 3.42285 16.4854C3.96712 16.0462 4.63867 15.6839 5.43652 15.3994C6.22804 15.1088 7.13402 14.9639 8.1543 14.9639Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8936 4.73145C16.2443 4.73147 15.6538 4.90122 15.1221 5.24121C14.584 5.58137 14.1572 6.0365 13.8418 6.60547C13.5203 7.17436 13.3594 7.80813 13.3594 8.50684C13.3594 9.21181 13.5202 9.86141 13.8418 10.4551C14.1634 11.0426 14.5902 11.5101 15.1221 11.8564C15.6538 12.2026 16.2444 12.376 16.8936 12.376C17.5428 12.376 18.1368 12.2027 18.6748 11.8564C19.2066 11.5102 19.6335 11.046 19.9551 10.4648C20.2704 9.87741 20.4286 9.22767 20.4287 8.5166C20.4287 7.82402 20.2704 7.19295 19.9551 6.62402C19.6335 6.04888 19.2066 5.59114 18.6748 5.25098C18.1367 4.90462 17.543 4.73145 16.8936 4.73145ZM16.8936 6.31738C17.2522 6.31738 17.5801 6.41643 17.877 6.61426C18.1676 6.80598 18.4027 7.06938 18.582 7.40332C18.7551 7.73722 18.8418 8.10853 18.8418 8.5166C18.8417 8.93698 18.7551 9.32077 18.582 9.66699C18.4028 10.013 18.1647 10.2882 17.8682 10.4922C17.5713 10.6901 17.246 10.7891 16.8936 10.7891C16.5413 10.789 16.2166 10.6873 15.9199 10.4834C15.6231 10.2794 15.3844 10.007 15.2051 9.66699C15.0258 9.3207 14.9366 8.9335 14.9365 8.50684C14.9366 8.09263 15.0258 7.72124 15.2051 7.39355C15.3782 7.05975 15.6135 6.79716 15.9102 6.60547C16.207 6.41376 16.5349 6.3174 16.8936 6.31738Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.1543 3.57129C7.39993 3.57137 6.71667 3.7631 6.10449 4.14648C5.48611 4.5299 4.99737 5.04602 4.63867 5.69531C4.2738 6.34466 4.09086 7.06846 4.09082 7.86621C4.09082 8.67643 4.27376 9.41602 4.63867 10.084C5.00352 10.7518 5.49496 11.2839 6.11328 11.6797C6.72545 12.0754 7.40612 12.2734 8.1543 12.2734C8.8963 12.2734 9.57695 12.0753 10.1953 11.6797C10.8076 11.2839 11.2962 10.7545 11.6611 10.0928C12.026 9.4248 12.209 8.6888 12.209 7.88477C12.2089 7.09319 12.026 6.37298 11.6611 5.72363C11.2962 5.06804 10.8076 4.54492 10.1953 4.15527C9.57695 3.76582 8.8963 3.57129 8.1543 3.57129ZM8.1543 5.17578C8.58105 5.17578 8.97428 5.29688 9.33301 5.53809C9.69157 5.77303 9.97889 6.09756 10.1953 6.51172C10.4117 6.91986 10.5205 7.3777 10.5205 7.88477C10.5205 8.4043 10.4118 8.87435 10.1953 9.29492C9.97886 9.71545 9.69168 10.0495 9.33301 10.2969C8.9681 10.5381 8.57487 10.6592 8.1543 10.6592C7.71541 10.6591 7.31657 10.5353 6.95801 10.2881C6.59928 10.0407 6.3112 9.70671 6.09473 9.28613C5.87826 8.85938 5.77051 8.38574 5.77051 7.86621C5.77054 7.35915 5.87829 6.9013 6.09473 6.49316C6.3112 6.08496 6.59928 5.76335 6.95801 5.52832C7.31657 5.29343 7.71541 5.17587 8.1543 5.17578Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/shield-lock-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/shield-lock-filled.svg
new file mode 100644
index 000000000..b967b52bc
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/shield-lock-filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0098 7.59863C12.467 7.59875 12.8316 7.76248 13.1035 8.08984C13.3818 8.4114 13.5215 8.8357 13.5215 9.36133V10.5205H10.4971V9.36133C10.4971 8.8357 10.6368 8.4114 10.915 8.08984C11.1933 7.76236 11.5585 7.59863 12.0098 7.59863Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.71973C12.1546 2.71973 12.3155 2.73471 12.4824 2.76562C12.6492 2.79652 12.8068 2.83372 12.9551 2.87695C13.1529 2.94497 13.4314 3.04138 13.79 3.16504C14.1549 3.28872 14.557 3.43102 14.9961 3.5918L16.3135 4.07422C16.7586 4.22877 17.1636 4.37376 17.5283 4.50977C17.8932 4.64581 18.1778 4.75718 18.3818 4.84375C18.8332 5.02924 19.1674 5.24847 19.3838 5.50195C19.6002 5.75549 19.708 6.15504 19.708 6.69922V13.5996C19.708 14.4282 19.5878 15.1619 19.3467 15.7988C19.1055 16.4295 18.7121 17.02 18.168 17.5703C17.6238 18.1206 16.8971 18.674 15.9883 19.2305C15.0855 19.7932 13.9691 20.4181 12.6396 21.1045C12.5223 21.1662 12.4045 21.2097 12.2871 21.2344C12.176 21.2652 12.0803 21.2803 12 21.2803C11.9196 21.2803 11.8206 21.2653 11.7031 21.2344C11.592 21.2097 11.4777 21.1662 11.3604 21.1045C10.0556 20.381 8.94809 19.734 8.03906 19.165C7.13639 18.6024 6.40966 18.0552 5.85938 17.5234C5.30923 16.9856 4.91043 16.4046 4.66309 15.7803C4.41573 15.1557 4.29199 14.4282 4.29199 13.5996V6.69922C4.29199 6.15504 4.39978 5.75549 4.61621 5.50195C4.83263 5.24847 5.16684 5.02924 5.61816 4.84375C5.82221 4.76337 6.1069 4.65555 6.47168 4.51953C6.83653 4.3773 7.23868 4.22523 7.67773 4.06445C8.11671 3.9037 8.55614 3.74637 8.99512 3.5918C9.44009 3.43112 9.8417 3.28866 10.2002 3.16504C10.565 3.04136 10.847 2.94498 11.0449 2.87695C11.1994 2.83371 11.3569 2.79652 11.5176 2.76562C11.6845 2.73471 11.8454 2.71973 12 2.71973ZM12.0098 6.50391C11.2245 6.50391 10.5871 6.77621 10.0986 7.32031C9.61014 7.85827 9.36527 8.5725 9.36523 9.46289V10.5391C8.82763 10.5949 8.55868 10.9504 8.55859 11.6055V15.3535C8.5587 16.0706 8.8928 16.4287 9.56055 16.4287H14.458C15.1319 16.4287 15.4686 16.0706 15.4688 15.3535V11.6055C15.4687 10.9503 15.1972 10.5974 14.6533 10.5479V9.46289C14.6533 8.5725 14.4084 7.85827 13.9199 7.32031C13.4315 6.77633 12.7948 6.50402 12.0098 6.50391Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/shield_person.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/shield_person.svg
new file mode 100644
index 000000000..a30c6fe67
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/shield_person.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 11C12.4333 11 12.7917 10.8583 13.075 10.575C13.3583 10.2917 13.5 9.93333 13.5 9.5C13.5 9.06667 13.3583 8.70833 13.075 8.425C12.7917 8.14167 12.4333 8 12 8C11.5667 8 11.2083 8.14167 10.925 8.425C10.6417 8.70833 10.5 9.06667 10.5 9.5C10.5 9.93333 10.6417 10.2917 10.925 10.575C11.2083 10.8583 11.5667 11 12 11ZM12 22C9.68333 21.4167 7.77083 20.0875 6.2625 18.0125C4.75417 15.9375 4 13.6333 4 11.1V5L12 2L20 5V11.1C20 13.6333 19.2458 15.9375 17.7375 18.0125C16.2292 20.0875 14.3167 21.4167 12 22ZM12 4.125L6 6.375V11.1C6 12 6.125 12.875 6.375 13.725C6.625 14.575 6.96667 15.375 7.4 16.125C8.1 15.775 8.83333 15.5 9.6 15.3C10.3667 15.1 11.1667 15 12 15C12.8333 15 13.6333 15.1 14.4 15.3C15.1667 15.5 15.9 15.775 16.6 16.125C17.0333 15.375 17.375 14.575 17.625 13.725C17.875 12.875 18 12 18 11.1V6.375L12 4.125ZM12 17C11.4 17 10.8167 17.0667 10.25 17.2C9.68333 17.3333 9.14167 17.5167 8.625 17.75C9.10833 18.25 9.63333 18.6833 10.2 19.05C10.7667 19.4167 11.3667 19.7 12 19.9C12.6333 19.7 13.2333 19.4167 13.8 19.05C14.3667 18.6833 14.8917 18.25 15.375 17.75C14.8583 17.5167 14.3167 17.3333 13.75 17.2C13.1833 17.0667 12.6 17 12 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/shopping_cart-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/shopping_cart-filled.svg
new file mode 100644
index 000000000..1af9f8ac5
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/shopping_cart-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 22C6.45 22 5.97917 21.8042 5.5875 21.4125C5.19583 21.0208 5 20.55 5 20C5 19.45 5.19583 18.9792 5.5875 18.5875C5.97917 18.1958 6.45 18 7 18C7.55 18 8.02083 18.1958 8.4125 18.5875C8.80417 18.9792 9 19.45 9 20C9 20.55 8.80417 21.0208 8.4125 21.4125C8.02083 21.8042 7.55 22 7 22ZM17 22C16.45 22 15.9792 21.8042 15.5875 21.4125C15.1958 21.0208 15 20.55 15 20C15 19.45 15.1958 18.9792 15.5875 18.5875C15.9792 18.1958 16.45 18 17 18C17.55 18 18.0208 18.1958 18.4125 18.5875C18.8042 18.9792 19 19.45 19 20C19 20.55 18.8042 21.0208 18.4125 21.4125C18.0208 21.8042 17.55 22 17 22ZM5.2 4H19.95C20.3333 4 20.625 4.17083 20.825 4.5125C21.025 4.85417 21.0333 5.2 20.85 5.55L17.3 11.95C17.1167 12.2833 16.8708 12.5417 16.5625 12.725C16.2542 12.9083 15.9167 13 15.55 13H8.1L7 15H19V17H7C6.25 17 5.68333 16.6708 5.3 16.0125C4.91667 15.3542 4.9 14.7 5.25 14.05L6.6 11.6L3 4H1V2H4.25L5.2 4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/signal_cellular_alt.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/signal_cellular_alt.svg
new file mode 100644
index 000000000..4b017906a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/signal_cellular_alt.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 20V14H8V20H5ZM11 20V9H14V20H11ZM17 20V4H20V20H17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/sparkles-2.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/sparkles-2.svg
new file mode 100644
index 000000000..8c5ce4255
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/sparkles-2.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.6224 1.21729C13.8004 1.21729 13.9521 1.27334 14.0774 1.38546C14.2027 1.49757 14.2786 1.64596 14.305 1.83062C14.4698 3.06387 14.6512 4.10588 14.849 4.95663C15.0535 5.80738 15.3206 6.50974 15.6503 7.06372C15.9801 7.6111 16.4121 8.04966 16.9462 8.37941C17.487 8.70257 18.1729 8.95977 19.0039 9.15102C19.8414 9.34228 20.8702 9.50385 22.0903 9.63575C22.2816 9.65554 22.4365 9.72808 22.5553 9.85339C22.674 9.97869 22.7333 10.1304 22.7333 10.3084C22.7333 10.4865 22.674 10.6415 22.5553 10.7734C22.4365 10.8987 22.2849 10.9712 22.1002 10.991C20.8801 11.1295 19.8513 11.2944 19.0138 11.4856C18.1828 11.6769 17.4969 11.9374 16.9561 12.2671C16.4219 12.5903 15.99 13.0256 15.6602 13.5729C15.3371 14.1203 15.0733 14.8194 14.8688 15.6701C14.6644 16.5209 14.4764 17.5629 14.305 18.7962C14.2786 18.9808 14.2027 19.1292 14.0774 19.2413C13.9521 19.36 13.8004 19.4194 13.6224 19.4194C13.4509 19.4194 13.3025 19.36 13.1772 19.2413C13.0585 19.1292 12.986 18.9808 12.9596 18.7962C12.7947 17.5629 12.6101 16.5209 12.4056 15.6701C12.2078 14.8194 11.944 14.1203 11.6142 13.5729C11.2845 13.019 10.8492 12.5771 10.3084 12.2474C9.76763 11.9176 9.07845 11.6604 8.24089 11.4757C7.40993 11.2845 6.38441 11.1229 5.16435 10.991C4.97969 10.9712 4.8247 10.8987 4.6994 10.7734C4.58069 10.6415 4.52134 10.4865 4.52134 10.3084C4.52134 10.137 4.58069 9.98858 4.6994 9.86328C4.8247 9.73138 4.97969 9.65554 5.16435 9.63575C6.37782 9.47088 7.40004 9.28952 8.231 9.09167C9.06197 8.89382 9.74455 8.63332 10.2787 8.31017C10.8129 7.98701 11.2449 7.55504 11.5746 7.01426C11.9044 6.47347 12.1715 5.7843 12.3759 4.94674C12.587 4.10258 12.7815 3.06387 12.9596 1.83062C12.986 1.64596 13.0585 1.49757 13.1772 1.38546C13.3025 1.27334 13.4509 1.21729 13.6224 1.21729ZM5.72821 13.8796C5.84692 13.8796 5.94585 13.9159 6.02499 13.9884C6.10413 14.061 6.15029 14.1533 6.16348 14.2654C6.26241 15.0238 6.36133 15.6174 6.46026 16.0461C6.56577 16.4681 6.72735 16.788 6.94498 17.0056C7.16921 17.2167 7.50556 17.3815 7.95401 17.5002C8.40247 17.619 9.0191 17.7542 9.8039 17.9058C9.90942 17.919 9.99845 17.9619 10.071 18.0344C10.1501 18.1136 10.1897 18.2125 10.1897 18.3312C10.1897 18.4499 10.1501 18.5455 10.071 18.6181C9.99845 18.6972 9.90612 18.7434 9.79401 18.7566C9.0158 18.8687 8.40247 18.9775 7.95401 19.083C7.51215 19.1886 7.17911 19.3534 6.95488 19.5777C6.73065 19.8019 6.56577 20.1316 6.46026 20.5669C6.36133 21.0022 6.26241 21.6056 6.16348 22.3772C6.1371 22.6476 5.99201 22.7828 5.72821 22.7828C5.60951 22.7828 5.51058 22.7432 5.43144 22.6641C5.3523 22.5916 5.30943 22.4926 5.30284 22.3673C5.2237 21.7606 5.14456 21.2627 5.06542 20.8736C4.99288 20.4911 4.88736 20.1844 4.74886 19.9536C4.61696 19.7293 4.42901 19.5513 4.18499 19.4194C3.94098 19.2875 3.61453 19.1721 3.20564 19.0731C2.79675 18.9808 2.27905 18.8753 1.65253 18.7566C1.39533 18.717 1.26672 18.5752 1.26672 18.3312C1.26672 18.0872 1.41181 17.9454 1.70199 17.9058C2.32192 17.8003 2.82973 17.7047 3.22543 17.619C3.62772 17.5398 3.95087 17.4343 4.19489 17.3024C4.4389 17.1639 4.62686 16.9759 4.75876 16.7385C4.89065 16.4945 4.99288 16.178 5.06542 15.7889C5.14456 15.3997 5.2237 14.9018 5.30284 14.2951C5.30943 14.1698 5.3523 14.0709 5.43144 13.9983C5.51058 13.9192 5.60951 13.8796 5.72821 13.8796Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/stack-template.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/stack-template.svg
new file mode 100644
index 000000000..03c7d53e9
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/stack-template.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.78842 23.2081C3.72004 23.2081 2.91216 22.9377 2.36477 22.397C1.81739 21.8562 1.5437 21.0549 1.5437 19.9931V9.82367C1.5437 8.76188 1.81739 7.96059 2.36477 7.41981C2.91216 6.87902 3.72004 6.60863 4.78842 6.60863H19.2017C20.2701 6.60863 21.078 6.88232 21.6254 7.4297C22.1793 7.97049 22.4563 8.76848 22.4563 9.82367V19.9931C22.4563 21.0483 22.1793 21.8463 21.6254 22.3871C21.078 22.9345 20.2701 23.2081 19.2017 23.2081H4.78842ZM4.90713 21.2692H19.083C19.5381 21.2692 19.8876 21.1472 20.1316 20.9032C20.3822 20.6658 20.5075 20.3064 20.5075 19.8249V9.99184C20.5075 9.51041 20.3822 9.15098 20.1316 8.91356C19.8876 8.66955 19.5381 8.54754 19.083 8.54754H4.90713C4.44548 8.54754 4.09265 8.66955 3.84864 8.91356C3.61122 9.15098 3.49251 9.51041 3.49251 9.99184V19.8249C3.49251 20.3064 3.61122 20.6658 3.84864 20.9032C4.09265 21.1472 4.44548 21.2692 4.90713 21.2692ZM3.72004 4.99616C3.79258 4.52792 3.95416 4.16519 4.20477 3.90799C4.46197 3.65079 4.85437 3.52218 5.38197 3.52218H18.6181C19.1457 3.52218 19.5348 3.65079 19.7854 3.90799C20.0426 4.16519 20.2074 4.52792 20.28 4.99616H3.72004ZM5.7381 2.13724C5.76448 1.69538 5.90627 1.36233 6.16347 1.13811C6.42727 0.907282 6.79659 0.79187 7.27142 0.79187H16.7286C17.2034 0.79187 17.5695 0.907282 17.8267 1.13811C18.0839 1.36233 18.2323 1.69538 18.2718 2.13724H5.7381Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/star-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/star-filled.svg
new file mode 100644
index 000000000..8d9682b4e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/star-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.39681 21.5464C5.17464 21.3813 5.03817 21.1592 4.98738 20.8799C4.94295 20.6069 4.98421 20.2832 5.11116 19.9087L7.07259 14.0911L2.07381 10.5015C1.75008 10.2729 1.52474 10.0349 1.39778 9.78735C1.27083 9.53345 1.25179 9.27319 1.34066 9.00659C1.42952 8.74634 1.59774 8.55273 1.84529 8.42578C2.09285 8.29883 2.41658 8.23535 2.81649 8.23535H8.9388L10.805 2.42725C10.9256 2.04639 11.0843 1.75757 11.2811 1.56079C11.4842 1.35767 11.7222 1.2561 11.9952 1.2561C12.2745 1.2561 12.5125 1.35767 12.7093 1.56079C12.9124 1.75757 13.0743 2.04639 13.1949 2.42725L15.0611 8.23535H21.1834C21.5833 8.23535 21.9071 8.29883 22.1546 8.42578C22.4022 8.55273 22.5704 8.74634 22.6593 9.00659C22.7481 9.27319 22.7291 9.53345 22.6021 9.78735C22.4752 10.0349 22.2498 10.2729 21.9261 10.5015L16.9273 14.0911L18.8888 19.9087C19.0157 20.2832 19.0538 20.6069 19.003 20.8799C18.9586 21.1592 18.8253 21.3813 18.6031 21.5464C18.3809 21.7241 18.1302 21.7876 17.8509 21.7368C17.5716 21.686 17.2733 21.5464 16.9559 21.3179L11.9952 17.6711L7.04402 21.3179C6.72664 21.5464 6.4283 21.686 6.149 21.7368C5.86971 21.7876 5.61898 21.7241 5.39681 21.5464Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/star-slash.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/star-slash.svg
new file mode 100644
index 000000000..41d706173
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/star-slash.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.38062 22.0569C5.1412 21.8741 4.99629 21.6316 4.94588 21.3291C4.89548 21.033 4.93643 20.6896 5.06874 20.299L6.98724 14.6002L2.09176 11.094C1.75154 10.8483 1.51212 10.5931 1.37351 10.3285C1.2412 10.0576 1.22545 9.7772 1.32625 9.48738C1.42076 9.20386 1.60032 8.99279 1.86494 8.85418C2.12957 8.71557 2.46979 8.64942 2.88562 8.65572L5.69249 8.66517L7.54483 10.5175L4.43554 10.4419C4.38514 10.4419 4.35994 10.4514 4.35994 10.4703C4.34734 10.4955 4.35994 10.5175 4.39774 10.5364L8.64112 13.4189C8.88684 13.5827 9.03175 13.7497 9.07585 13.9198C9.11996 14.0899 9.0916 14.3041 8.9908 14.5624L7.26131 19.3917C7.25501 19.4296 7.25816 19.4548 7.27076 19.4674C7.27706 19.48 7.29912 19.4737 7.33692 19.4485L11.3157 16.3581C11.4984 16.2069 11.678 16.1281 11.8544 16.1218C12.0371 16.1155 12.2166 16.1911 12.3931 16.3486L18.8196 21.7922C18.6998 21.956 18.6022 22.0632 18.5266 22.1136C18.2872 22.2585 18.0257 22.2994 17.7422 22.2364C17.465 22.1797 17.1688 22.038 16.8538 21.8111L11.9961 18.2482L7.1479 21.8111C6.81398 22.0569 6.4958 22.2049 6.19338 22.2553C5.89726 22.3057 5.62634 22.2396 5.38062 22.0569ZM17.1846 14.4774L15.8048 13.1165L19.604 10.5364C19.6418 10.5112 19.6575 10.4892 19.6512 10.4703C19.6449 10.4514 19.6197 10.4419 19.5756 10.4419L14.4533 10.5837C14.1698 10.5963 13.9524 10.5553 13.8012 10.4608C13.6563 10.36 13.5492 10.171 13.4799 9.89376L12.0434 4.97938C12.0371 4.93528 12.0213 4.91323 11.9961 4.91323C11.9772 4.91323 11.9646 4.93528 11.9583 4.97938L10.9849 8.29659L9.49168 6.81283L10.7203 2.95693C10.8463 2.56 11.0164 2.25757 11.2306 2.04966C11.4448 1.83544 11.7 1.72833 11.9961 1.72833C12.2986 1.72833 12.5569 1.83544 12.7711 2.04966C12.9853 2.25757 13.1554 2.56 13.2814 2.95693L15.1054 8.69352L21.1066 8.65572C21.5288 8.64942 21.8721 8.71557 22.1368 8.85418C22.4014 8.99279 22.5809 9.20386 22.6755 9.48738C22.7763 9.7772 22.7574 10.0576 22.6187 10.3285C22.4864 10.5931 22.2502 10.8483 21.9099 11.094L17.1846 14.4774ZM20.2088 21.4142L4.44499 5.69764C4.30008 5.55273 4.22763 5.37316 4.22763 5.15895C4.22763 4.93843 4.30008 4.75572 4.44499 4.61081C4.60251 4.45329 4.78522 4.37454 4.99314 4.37454C5.20735 4.37454 5.39322 4.45329 5.55073 4.61081L21.2956 20.3274C21.4532 20.4723 21.5288 20.6518 21.5225 20.8661C21.5225 21.0803 21.4469 21.263 21.2956 21.4142C21.1507 21.5591 20.9712 21.6316 20.757 21.6316C20.5427 21.6316 20.36 21.5591 20.2088 21.4142Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/star.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/star.svg
new file mode 100644
index 000000000..8590d2bfe
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/star.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.40979 21.4006C5.17037 21.2179 5.02546 20.9753 4.97506 20.6729C4.92465 20.3768 4.96561 20.0334 5.09792 19.6428L7.01642 13.944L2.12094 10.4378C1.78071 10.192 1.54129 9.93687 1.40268 9.67225C1.27037 9.40133 1.25462 9.12095 1.35543 8.83113C1.44994 8.54761 1.6295 8.33654 1.89412 8.19793C2.15874 8.05932 2.49897 7.99317 2.9148 7.99947L8.92546 8.03727L10.7495 2.30068C10.8755 1.90375 11.0456 1.60132 11.2598 1.39341C11.474 1.17919 11.7292 1.07208 12.0253 1.07208C12.3277 1.07208 12.586 1.17919 12.8003 1.39341C13.0145 1.60132 13.1846 1.90375 13.3106 2.30068L15.1346 8.03727L21.1358 7.99947C21.5579 7.99317 21.9013 8.05932 22.1659 8.19793C22.4306 8.33654 22.6101 8.54761 22.7046 8.83113C22.8054 9.12095 22.7865 9.40133 22.6479 9.67225C22.5156 9.93687 22.2793 10.192 21.9391 10.4378L17.0436 13.944L18.9621 19.6428C19.0944 20.0334 19.1354 20.3768 19.085 20.6729C19.0346 20.9753 18.8897 21.2179 18.6503 21.4006C18.4045 21.5833 18.1305 21.6495 17.8281 21.5991C17.5319 21.5487 17.2169 21.4006 16.883 21.1549L12.0253 17.592L7.17708 21.1549C6.84315 21.4006 6.52498 21.5487 6.22255 21.5991C5.92643 21.6495 5.65551 21.5833 5.40979 21.4006ZM7.29994 18.8111C7.30624 18.8237 7.32829 18.8174 7.36609 18.7922L11.4205 15.6451C11.641 15.475 11.8426 15.3899 12.0253 15.3899C12.2143 15.3899 12.4191 15.475 12.6396 15.6451L16.694 18.7922C16.7318 18.8174 16.7538 18.8237 16.7601 18.8111C16.7727 18.7985 16.7759 18.7733 16.7696 18.7355L15.0401 13.9062C14.9708 13.7298 14.933 13.5786 14.9267 13.4525C14.9267 13.3202 14.9613 13.2005 15.0306 13.0934C15.1062 12.9863 15.226 12.876 15.3898 12.7626L19.6331 9.88016C19.6709 9.85496 19.6867 9.83291 19.6804 9.81401C19.6741 9.79511 19.6489 9.78566 19.6048 9.78566L14.4825 9.92742C14.199 9.94002 13.9816 9.89907 13.8304 9.80456C13.6855 9.70375 13.5784 9.51474 13.5091 9.23751L12.0726 4.32313C12.0663 4.27903 12.0505 4.25698 12.0253 4.25698C12.0064 4.25698 11.9938 4.27903 11.9875 4.32313L10.551 9.23751C10.4817 9.51474 10.3714 9.70375 10.2202 9.80456C10.0753 9.89907 9.86424 9.94002 9.58701 9.92742L4.46472 9.78566C4.41431 9.78566 4.38911 9.79511 4.38911 9.81401C4.37651 9.83921 4.38911 9.86126 4.42692 9.88016L8.67029 12.7626C8.83411 12.8697 8.95066 12.98 9.01997 13.0934C9.09558 13.2005 9.13023 13.3202 9.12393 13.4525C9.12393 13.5786 9.08928 13.7298 9.01997 13.9062L7.29049 18.7355C7.28419 18.7733 7.28734 18.7985 7.29994 18.8111Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/stop_circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/stop_circle-filled.svg
new file mode 100644
index 000000000..b533d54e3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/stop_circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 16H16V8H8V16ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/stop_circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/stop_circle.svg
new file mode 100644
index 000000000..105f14154
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/stop_circle.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 16H16V8H8V16ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/subdirectory_arrow_right.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/subdirectory_arrow_right.svg
new file mode 100644
index 000000000..fa4446e41
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/subdirectory_arrow_right.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 21L12.575 19.575L16.175 16H5V4H7V14H16.175L12.575 10.4L13.975 8.975L20 15L14 21Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/summarize.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/summarize.svg
new file mode 100644
index 000000000..877e08358
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/summarize.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H16L21 8V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V9H15V5H5V19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/swap_vert.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/swap_vert.svg
new file mode 100644
index 000000000..584100f60
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/swap_vert.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 13V5.825L5.425 8.4L4 7L9 2L14 7L12.575 8.4L10 5.825V13H8ZM15 22L10 17L11.425 15.6L14 18.175V11H16V18.175L18.575 15.6L20 17L15 22Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/terminal-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/terminal-filled.svg
new file mode 100644
index 000000000..f86f390a1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/terminal-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6562 3.50635C20.6529 3.50638 21.4094 3.76446 21.9258 4.28076C22.4422 4.79717 22.7002 5.54793 22.7002 6.53271V17.4761C22.7002 18.4549 22.4422 19.2028 21.9258 19.7192C21.4094 20.2356 20.6529 20.4936 19.6562 20.4937H4.35254C3.35596 20.4936 2.59657 20.2355 2.07422 19.7192C1.55781 19.2028 1.2998 18.4549 1.2998 17.4761V6.53271C1.2998 5.54192 1.55781 4.79117 2.07422 4.28076C2.59657 3.76451 3.35601 3.50641 4.35254 3.50635H19.6562ZM10.0186 11.1987C9.8204 11.1987 9.649 11.2704 9.50488 11.4146C9.36679 11.5527 9.29785 11.7241 9.29785 11.9282C9.2979 12.1323 9.36682 12.3066 9.50488 12.4507C9.64298 12.5947 9.81443 12.6665 10.0186 12.6665H13.5137C13.7175 12.6664 13.8884 12.5945 14.0264 12.4507C14.1704 12.3066 14.2431 12.1323 14.2432 11.9282C14.2432 11.7241 14.1705 11.5527 14.0264 11.4146C13.8884 11.2706 13.7176 11.1988 13.5137 11.1987H10.0186ZM6.17188 7.07275C5.93188 6.92288 5.71546 6.87798 5.52344 6.93799C5.33144 6.99806 5.18127 7.11272 5.07324 7.28076C4.97141 7.4487 4.9359 7.6345 4.96582 7.83838C5.00185 8.04254 5.12758 8.20837 5.34375 8.33447L7.35254 9.5415L5.35254 10.7661C5.13055 10.8981 5.00192 11.0632 4.96582 11.2612C4.93581 11.4593 4.97123 11.6457 5.07324 11.8198C5.17531 11.9939 5.32254 12.1113 5.51465 12.1714C5.71277 12.2314 5.93173 12.1857 6.17188 12.0356L8.79297 10.3882C9.00307 10.2561 9.13914 10.0818 9.19922 9.86572C9.26526 9.64959 9.26147 9.43621 9.18945 9.22607C9.1234 9.0099 8.99113 8.8385 8.79297 8.7124L6.17188 7.07275Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-down-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-down-filled.svg
new file mode 100644
index 000000000..a85fed0d1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-down-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8504 3C18.2501 3.00011 19.477 3.8724 19.8453 5.12866L21.889 12.0991C22.4272 13.9358 20.9405 15.7465 18.894 15.7467H14.4283L15.3984 18.7554C15.6541 19.5485 15.4745 20.4078 14.9185 21.0543C13.7389 22.4257 11.4514 22.2821 10.4799 20.7761L7.57803 16.2777C7.36518 15.948 6.98163 15.7467 6.56822 15.7467H3.60567C2.71925 15.7465 2.00023 15.0777 2 14.253V4.49366C2.00023 3.66904 2.71922 3.00021 3.60567 3H16.8504ZM5.92764 13.4535C5.92764 13.7297 6.1515 13.9535 6.42764 13.9535H7.07803C7.35417 13.9535 7.57803 13.7297 7.57803 13.4535V5.29317C7.57803 5.01703 7.35417 4.79317 7.07803 4.79317H6.42764C6.1515 4.79317 5.92764 5.01703 5.92764 5.29317V13.4535Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-down.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-down.svg
new file mode 100644
index 000000000..1336013fd
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-down.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8504 3C18.2501 3.00011 19.477 3.8724 19.8453 5.12866L21.889 12.0991C22.4272 13.9358 20.9405 15.7465 18.894 15.7467H14.4283L15.3984 18.7554C15.6541 19.5485 15.4745 20.4078 14.9185 21.0543C13.7389 22.4257 11.4514 22.2821 10.4799 20.7761L7.57803 16.2777C7.36518 15.948 6.98164 15.7467 6.56822 15.7467H3.60567C2.71925 15.7465 2.00023 15.0777 2 14.253V4.49366C2.00023 3.66904 2.71922 3.00021 3.60567 3H16.8504ZM7.6742 14.1432C8.31475 14.3704 8.86725 14.7922 9.23074 15.3558L12.1316 19.8543C12.4123 20.2894 13.0736 20.3302 13.4143 19.934L13.4697 19.8621C13.5862 19.6864 13.6168 19.4713 13.5523 19.2708L12.4588 15.877C12.1497 14.9185 12.9211 13.9535 13.9965 13.9535H18.894C19.6701 13.9533 20.2334 13.2672 20.0293 12.5707L17.9856 5.6003C17.8459 5.12383 17.3812 4.79329 16.8504 4.79317H7.6742V14.1432ZM3.92764 13.9535H5.74656V4.79317H3.92764V13.9535Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-up-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-up-filled.svg
new file mode 100644
index 000000000..893b2184e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-up-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.48 3.31533C11.4515 1.69679 13.739 1.54257 14.9186 3.01635C15.4744 3.71116 15.654 4.63525 15.3984 5.4876L14.4273 8.723H18.8941C20.9405 8.72323 22.427 10.6688 21.8891 12.6431L19.8454 20.1363C19.4771 21.4869 18.2502 22.4245 16.8505 22.4246H6.73028C6.72367 22.4247 6.71705 22.4256 6.71041 22.4256C6.70378 22.4256 6.69716 22.4247 6.69055 22.4246H3.60568C2.71921 22.4244 2.00016 21.7055 2 20.8189V10.3287C2.00022 9.44222 2.71921 8.72323 3.60568 8.723H6.56824C6.9817 8.723 7.36522 8.5056 7.57807 8.15119L10.48 3.31533ZM6.42765 10.6496C6.15151 10.6496 5.92765 10.8735 5.92765 11.1496V19.998C5.92765 20.2741 6.15151 20.498 6.42765 20.498H7C7.27614 20.498 7.5 20.2741 7.5 19.998V11.1496C7.5 10.8735 7.27614 10.6496 7 10.6496H6.42765Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-up.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-up.svg
new file mode 100644
index 000000000..0467dccb7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/thumb-up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.48 3.31533C11.4515 1.69679 13.739 1.54257 14.9186 3.01635C15.4744 3.71116 15.654 4.63525 15.3984 5.4876L14.4273 8.723H18.8941C20.9405 8.72323 22.427 10.6688 21.8891 12.6431L19.8454 20.1363C19.4771 21.4869 18.2502 22.4245 16.8505 22.4246H6.73028C6.72367 22.4247 6.71705 22.4256 6.71041 22.4256C6.70377 22.4256 6.69716 22.4247 6.69055 22.4246H3.60568C2.71921 22.4244 2.00016 21.7055 2 20.8189V10.3287C2.00022 9.44222 2.71921 8.72323 3.60568 8.723H6.56824C6.9817 8.723 7.36522 8.5056 7.57807 8.15119L10.48 3.31533ZM13.4143 4.22061C13.0737 3.79509 12.4124 3.83894 12.1317 4.30633L9.23079 9.14219C8.86738 9.74788 8.31458 10.2004 7.67424 10.4447V20.498H16.8505C17.3813 20.4979 17.846 20.1415 17.9857 19.6293L20.0294 12.1361C20.2331 11.3875 19.6701 10.6498 18.8941 10.6496H13.9966C12.9211 10.6496 12.1498 9.61217 12.4589 8.58188L13.5523 4.9346C13.6259 4.68866 13.5747 4.42117 13.4143 4.22061ZM3.92765 10.6496V20.498H5.74659V10.6496H3.92765Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/tile_small-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/tile_small-filled.svg
new file mode 100644
index 000000000..75e922c2c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/tile_small-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 19V13H11V19H3ZM13 19V13H21V19H13ZM3 11V5H11V11H3ZM13 11V5H21V11H13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/tile_small.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/tile_small.svg
new file mode 100644
index 000000000..06120e73f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/tile_small.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 19V13H11V19H3ZM13 19V13H21V19H13ZM5 17H9V15H5V17ZM15 17H19V15H15V17ZM3 11V5H11V11H3ZM13 11V5H21V11H13ZM5 9H9V7H5V9Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/translate.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/translate.svg
new file mode 100644
index 000000000..7d96316b2
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/translate.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9 22L16.45 10H18.55L23.1 22H21L19.925 18.95H15.075L14 22H11.9ZM4 19L2.6 17.6L7.65 12.55C7.06667 11.9667 6.5375 11.3 6.0625 10.55C5.5875 9.8 5.15 8.95 4.75 8H6.85C7.18333 8.65 7.51667 9.21667 7.85 9.7C8.18333 10.1833 8.58333 10.6667 9.05 11.15C9.6 10.6 10.1708 9.82917 10.7625 8.8375C11.3542 7.84583 11.8 6.9 12.1 6H1V4H8V2H10V4H17V6H14.1C13.75 7.2 13.225 8.43333 12.525 9.7C11.825 10.9667 11.1333 11.9333 10.45 12.6L12.85 15.05L12.1 17.1L9.05 13.975L4 19ZM15.7 17.2H19.3L17.5 12.1L15.7 17.2Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/trash.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/trash.svg
new file mode 100644
index 000000000..b63de38cb
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/trash.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.27246 18.7681C9.08073 18.7681 8.92611 18.7155 8.80859 18.6104C8.69108 18.499 8.62923 18.3506 8.62305 18.165L8.34473 8.44238C8.33854 8.26302 8.39421 8.11768 8.51172 8.00635C8.62923 7.88883 8.78385 7.83008 8.97559 7.83008C9.16732 7.83008 9.32194 7.88574 9.43945 7.99707C9.55697 8.1084 9.61572 8.25374 9.61572 8.43311L9.90332 18.1558C9.90332 18.3413 9.84456 18.4897 9.72705 18.6011C9.61572 18.7124 9.46419 18.7681 9.27246 18.7681ZM12 18.7681C11.8083 18.7681 11.6506 18.7124 11.5269 18.6011C11.4093 18.4897 11.3506 18.3444 11.3506 18.165V8.44238C11.3506 8.26302 11.4093 8.11768 11.5269 8.00635C11.6506 7.88883 11.8083 7.83008 12 7.83008C12.1979 7.83008 12.3556 7.88883 12.4731 8.00635C12.5968 8.11768 12.6587 8.26302 12.6587 8.44238V18.165C12.6587 18.3444 12.5968 18.4897 12.4731 18.6011C12.3556 18.7124 12.1979 18.7681 12 18.7681ZM14.7368 18.7681C14.5389 18.7681 14.3812 18.7124 14.2637 18.6011C14.1523 18.4897 14.0998 18.3413 14.106 18.1558L14.3843 8.44238C14.3905 8.25684 14.4523 8.1084 14.5698 7.99707C14.6873 7.88574 14.8389 7.83008 15.0244 7.83008C15.2223 7.83008 15.377 7.88883 15.4883 8.00635C15.6058 8.11768 15.6615 8.26302 15.6553 8.44238L15.377 18.165C15.3708 18.3506 15.3089 18.499 15.1914 18.6104C15.0739 18.7155 14.9224 18.7681 14.7368 18.7681ZM7.78809 5.2417V3.23779C7.78809 2.52653 8.00146 1.97298 8.42822 1.57715C8.86117 1.17513 9.4611 0.974121 10.228 0.974121H13.7534C14.5203 0.974121 15.1203 1.17513 15.5532 1.57715C15.9862 1.97298 16.2026 2.52653 16.2026 3.23779V5.2417H14.4863V3.32129C14.4863 3.08626 14.409 2.89762 14.2544 2.75537C14.0998 2.60693 13.8926 2.53271 13.6328 2.53271H10.3486C10.0951 2.53271 9.89095 2.60693 9.73633 2.75537C9.58171 2.89762 9.50439 3.08626 9.50439 3.32129V5.2417H7.78809ZM3.67822 6.26221C3.44938 6.26221 3.25456 6.1818 3.09375 6.021C2.93294 5.86019 2.85254 5.66536 2.85254 5.43652C2.85254 5.21387 2.93294 5.02523 3.09375 4.87061C3.25456 4.7098 3.44938 4.62939 3.67822 4.62939H20.3311C20.5599 4.62939 20.7516 4.70671 20.9062 4.86133C21.0671 5.01595 21.1475 5.20768 21.1475 5.43652C21.1475 5.66536 21.0671 5.86019 20.9062 6.021C20.7516 6.1818 20.5599 6.26221 20.3311 6.26221H3.67822ZM7.7417 21.9131C7.02425 21.9131 6.44906 21.7121 6.01611 21.3101C5.58936 20.908 5.36051 20.3483 5.32959 19.6309L4.68018 6.08594H6.37793L7.01807 19.3433C7.03044 19.6154 7.12012 19.8381 7.28711 20.0112C7.4541 20.1844 7.66748 20.271 7.92725 20.271H16.0728C16.3325 20.271 16.5459 20.1844 16.7129 20.0112C16.8799 19.8442 16.9696 19.6216 16.9819 19.3433L17.5942 6.08594H19.3198L18.6797 19.6216C18.6488 20.339 18.4168 20.8988 17.9839 21.3008C17.5509 21.709 16.9788 21.9131 16.2676 21.9131H7.7417Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/tune.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/tune.svg
new file mode 100644
index 000000000..177dc28be
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/tune.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 21V15H13V17H21V19H13V21H11ZM3 19V17H9V19H3ZM7 15V13H3V11H7V9H9V15H7ZM11 13V11H21V13H11ZM15 9V3H17V5H21V7H17V9H15ZM3 7V5H13V7H3Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/undo-circle-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/undo-circle-filled.svg
new file mode 100644
index 000000000..71a99991e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/undo-circle-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6189 22 9.32494 21.7386 8.1181 21.2159C6.91126 20.6996 5.84963 19.9832 4.9332 19.0668C4.01678 18.1504 3.29719 17.0887 2.77444 15.8819C2.25815 14.6751 2 13.3811 2 12C2 10.6189 2.25815 9.32494 2.77444 8.1181C3.29719 6.90481 4.01678 5.84318 4.9332 4.9332C5.84963 4.01678 6.91126 3.30042 8.1181 2.78412C9.32494 2.26137 10.6189 2 12 2C13.3811 2 14.6751 2.26137 15.8819 2.78412C17.0952 3.30042 18.1601 4.01678 19.0765 4.9332C19.9929 5.84318 20.7093 6.90481 21.2256 8.1181C21.7483 9.32494 22.0097 10.6189 22.0097 12C22.0097 13.3811 21.7483 14.6751 21.2256 15.8819C20.7093 17.0887 19.9929 18.1504 19.0765 19.0668C18.1601 19.9832 17.0952 20.6996 15.8819 21.2159C14.6751 21.7386 13.3811 22 12 22ZM6.78219 10.0349C6.78219 10.2672 6.87577 10.4769 7.06292 10.6641L9.74443 13.4134C9.89287 13.5618 10.08 13.636 10.3059 13.636C10.5124 13.636 10.6899 13.5618 10.8383 13.4134C10.9868 13.2585 11.061 13.0681 11.061 12.8422C11.061 12.7454 11.0416 12.6486 11.0029 12.5518C10.9642 12.455 10.9061 12.3711 10.8287 12.3001L9.63795 11.1868L9.08616 10.7899L10.1317 10.819H13.0939C13.8038 10.819 14.3943 11.019 14.8654 11.4192C15.343 11.8193 15.5818 12.3904 15.5818 13.1326C15.5818 13.8877 15.3462 14.4847 14.8751 14.9235C14.4105 15.3624 13.8167 15.5818 13.0939 15.5818H11.6805C11.4418 15.5818 11.2417 15.6496 11.0803 15.7851C10.919 15.9206 10.8383 16.111 10.8383 16.3562C10.8383 16.6079 10.919 16.8048 11.0803 16.9468C11.2417 17.0887 11.445 17.1597 11.6902 17.1597H13.0939C13.8877 17.1597 14.5944 16.9984 15.2139 16.6757C15.8335 16.353 16.3207 15.8948 16.6757 15.3011C17.0307 14.7073 17.2081 14.0071 17.2081 13.2004C17.2081 12.3872 17.0307 11.6902 16.6757 11.1094C16.3207 10.5286 15.8335 10.08 15.2139 9.76379C14.5944 9.44756 13.8877 9.28945 13.0939 9.28945H10.1317L9.07648 9.31849L9.80252 8.74734L10.819 7.78896C10.8964 7.71797 10.9545 7.6373 10.9932 7.54695C11.0319 7.45015 11.0513 7.35011 11.0513 7.24685C11.0513 7.02097 10.9771 6.83382 10.8287 6.68538C10.6802 6.53049 10.4995 6.45305 10.2865 6.45305C10.0671 6.45305 9.88641 6.53372 9.74443 6.69506L7.06292 9.4153C6.87577 9.60245 6.78219 9.80897 6.78219 10.0349Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/undo-circle.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/undo-circle.svg
new file mode 100644
index 000000000..1d82b519f
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/undo-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.335 6.66602C10.5413 6.66613 10.7155 6.74035 10.8574 6.88867C10.9993 7.03057 11.0702 7.20479 11.0703 7.41113C11.0703 7.6241 10.9961 7.80235 10.8477 7.94434L9.87012 8.87305L9.15918 9.41309L10.1895 9.38672H13.0449C13.8064 9.38672 14.4844 9.53751 15.0781 9.84082C15.6719 10.1441 16.1361 10.5772 16.4717 11.1387C16.8137 11.7001 16.9854 12.3715 16.9854 13.1523C16.9853 13.9266 16.8137 14.5982 16.4717 15.166C16.1361 15.7337 15.6684 16.1727 15.0684 16.4824C14.4746 16.7922 13.8 16.9463 13.0449 16.9463H11.6895C11.4573 16.9462 11.2642 16.8819 11.1094 16.7529C10.9545 16.6174 10.877 16.4269 10.877 16.1816C10.877 15.943 10.9546 15.7589 11.1094 15.6299C11.2641 15.5011 11.4542 15.4366 11.6797 15.4365H13.0449C13.7419 15.4365 14.3135 15.2271 14.7588 14.8076C15.2105 14.3817 15.4365 13.8068 15.4365 13.084C15.4365 12.3678 15.2071 11.8159 14.749 11.4287C14.2973 11.0415 13.729 10.8477 13.0449 10.8477H10.1895L9.16309 10.8154L9.70508 11.2061L10.8574 12.2803C11.0059 12.4158 11.0801 12.5941 11.0801 12.8135C11.08 13.0198 11.0058 13.1974 10.8574 13.3457C10.7154 13.4877 10.5471 13.5586 10.3535 13.5586C10.1407 13.5585 9.9632 13.4876 9.82129 13.3457L7.23633 10.7031C7.06211 10.5353 6.97559 10.3382 6.97559 10.1123C6.97559 9.87998 7.06209 9.67951 7.23633 9.51172L9.81152 6.88867C9.9535 6.74024 10.1284 6.66602 10.335 6.66602Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C13.3809 2.00006 14.6751 2.25818 15.8818 2.77441C17.095 3.2907 18.1598 4.00749 19.0762 4.92383C19.9925 5.8402 20.7093 6.90497 21.2256 8.11816C21.7483 9.32494 22.0088 10.619 22.0088 12C22.0088 13.381 21.7483 14.6784 21.2256 15.8916C20.7093 17.0983 19.9925 18.1565 19.0762 19.0664C18.1598 19.9827 17.095 20.6995 15.8818 21.2158C14.6751 21.7385 13.3809 21.9999 12 22C10.6189 22 9.32403 21.7386 8.11719 21.2158C6.91051 20.6995 5.84894 19.9827 4.93262 19.0664C4.01636 18.1565 3.29711 17.0983 2.77441 15.8916C2.25812 14.6783 2 13.3811 2 12C2 10.6189 2.25812 9.32501 2.77441 8.11816C3.29712 6.90501 4.01632 5.84018 4.93262 4.92383C5.84895 4.0075 6.9105 3.2907 8.11719 2.77441C9.32403 2.25812 10.6189 2 12 2ZM12 3.97461C10.8965 3.97461 9.85727 4.18506 8.88281 4.60449C7.91486 5.01749 7.06282 5.59154 6.32715 6.32715C5.59143 7.05642 5.01324 7.9083 4.59375 8.88281C4.18072 9.85086 3.97461 10.89 3.97461 12C3.97461 13.11 4.18072 14.1491 4.59375 15.1172C5.01324 16.0852 5.59143 16.9371 6.32715 17.6729C7.06282 18.4085 7.91486 18.9825 8.88281 19.3955C9.85727 19.8149 10.8965 20.0254 12 20.0254C13.1098 20.0253 14.1484 19.8149 15.1162 19.3955C16.0842 18.9825 16.9362 18.4084 17.6719 17.6729C18.414 16.9371 18.9922 16.0852 19.4053 15.1172C19.8183 14.1491 20.0244 13.11 20.0244 12C20.0244 10.89 19.8183 9.85087 19.4053 8.88281C18.9922 7.90831 18.414 7.05642 17.6719 6.32715C16.9362 5.59155 16.0842 5.01748 15.1162 4.60449C14.1484 4.18513 13.1098 3.97467 12 3.97461Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/undo.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/undo.svg
new file mode 100644
index 000000000..6bcc4bbb3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/undo.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 19V17H14.1C15.15 17 16.0625 16.6667 16.8375 16C17.6125 15.3333 18 14.5 18 13.5C18 12.5 17.6125 11.6667 16.8375 11C16.0625 10.3333 15.15 10 14.1 10H7.8L10.4 12.6L9 14L4 9L9 4L10.4 5.4L7.8 8H14.1C15.7167 8 17.1042 8.525 18.2625 9.575C19.4208 10.625 20 11.9333 20 13.5C20 15.0667 19.4208 16.375 18.2625 17.425C17.1042 18.475 15.7167 19 14.1 19H7Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/unhide.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/unhide.svg
new file mode 100644
index 000000000..b50d9d9b1
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/unhide.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0004 4.00061C14.3273 4.0007 16.6019 4.69176 18.5356 5.98596C20.3484 7.1993 21.7854 8.89154 22.6889 10.8707L22.8627 11.2711L22.8754 11.3043C23.042 11.7533 23.0421 12.247 22.8754 12.6959C22.8713 12.707 22.8672 12.7182 22.8627 12.7291C21.9755 14.8803 20.4694 16.72 18.5356 18.0143C16.6019 19.3085 14.3273 19.9995 12.0004 19.9996C9.67343 19.9996 7.39814 19.3086 5.4643 18.0143C3.53051 16.72 2.02435 14.8803 1.13715 12.7291C1.13265 12.7182 1.12857 12.707 1.12446 12.6959C0.957836 12.247 0.957891 11.7533 1.12446 11.3043L1.13715 11.2711C2.02433 9.11997 3.53056 7.28025 5.4643 5.98596C7.39814 4.69167 9.67343 4.00061 12.0004 4.00061ZM12.0004 6.00061C10.0695 6.00061 8.18128 6.57408 6.5766 7.64807C4.98216 8.71529 3.73836 10.2291 3.00043 11.9996C3.73835 13.7704 4.98192 15.2848 6.5766 16.3522C8.18128 17.4262 10.0695 17.9996 12.0004 17.9996C13.9312 17.9995 15.8187 17.4261 17.4233 16.3522C19.0179 15.2849 20.2605 13.7703 20.9985 11.9996C20.2605 10.2293 19.0176 8.71522 17.4233 7.64807C15.8187 6.57417 13.9312 6.0007 12.0004 6.00061Z" fill="#222631"/>
+<path d="M14 12C14 10.8954 13.1045 9.99999 12 9.99999C10.8954 9.99999 9.99996 10.8954 9.99996 12C9.99996 13.1046 10.8954 14 12 14C13.1045 14 14 13.1046 14 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79082 16 7.99996 14.2091 7.99996 12C7.99996 9.79085 9.79082 7.99999 12 7.99999C14.2091 7.99999 16 9.79085 16 12Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/update.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/update.svg
new file mode 100644
index 000000000..5dbc1add3
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/update.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21C10.75 21 9.57917 20.7625 8.4875 20.2875C7.39583 19.8125 6.44583 19.1708 5.6375 18.3625C4.82917 17.5542 4.1875 16.6042 3.7125 15.5125C3.2375 14.4208 3 13.25 3 12C3 10.75 3.2375 9.57917 3.7125 8.4875C4.1875 7.39583 4.82917 6.44583 5.6375 5.6375C6.44583 4.82917 7.39583 4.1875 8.4875 3.7125C9.57917 3.2375 10.75 3 12 3C13.3667 3 14.6625 3.29167 15.8875 3.875C17.1125 4.45833 18.15 5.28333 19 6.35V4H21V10H15V8H17.75C17.0667 7.06667 16.225 6.33333 15.225 5.8C14.225 5.26667 13.15 5 12 5C10.05 5 8.39583 5.67917 7.0375 7.0375C5.67917 8.39583 5 10.05 5 12C5 13.95 5.67917 15.6042 7.0375 16.9625C8.39583 18.3208 10.05 19 12 19C13.75 19 15.2792 18.4333 16.5875 17.3C17.8958 16.1667 18.6667 14.7333 18.9 13H20.95C20.7 15.2833 19.7208 17.1875 18.0125 18.7125C16.3042 20.2375 14.3 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/upload.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/upload.svg
new file mode 100644
index 000000000..2297b9564
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/upload.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 16V7.85L8.4 10.45L7 9L12 4L17 9L15.6 10.45L13 7.85V16H11ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/upload_file.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/upload_file.svg
new file mode 100644
index 000000000..66485c4e7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/upload_file.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 19H13V14.825L14.6 16.425L16 15L12 11L8 15L9.425 16.4L11 14.825V19ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/v.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/v.svg
new file mode 100644
index 000000000..8f85d94a4
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/v.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0659 23.5125C10.9159 23.5125 10.783 23.4614 10.667 23.3591C10.558 23.2568 10.4932 23.1239 10.4727 22.9602C10.3091 21.8557 10.1352 20.925 9.95114 20.1682C9.76705 19.4182 9.52841 18.8011 9.23523 18.317C8.94205 17.833 8.55341 17.4477 8.06932 17.1614C7.59205 16.8682 6.98182 16.633 6.23864 16.4557C5.50227 16.2784 4.58864 16.1182 3.49773 15.975C3.32045 15.9545 3.18068 15.8898 3.07841 15.7807C2.97614 15.6648 2.925 15.525 2.925 15.3614C2.925 15.2045 2.97614 15.0716 3.07841 14.9625C3.1875 14.8466 3.32727 14.7784 3.49773 14.758C4.58864 14.6352 5.50568 14.492 6.24886 14.3284C6.99204 14.158 7.60568 13.9261 8.08977 13.633C8.57386 13.333 8.9625 12.9375 9.25568 12.4466C9.55568 11.9557 9.79432 11.3318 9.97159 10.575C10.1557 9.81818 10.3227 8.88409 10.4727 7.77273C10.4932 7.60909 10.558 7.47614 10.667 7.37386C10.783 7.27159 10.9159 7.22045 11.0659 7.22045C11.2295 7.22045 11.3625 7.27159 11.4648 7.37386C11.5739 7.47614 11.6455 7.60909 11.6795 7.77273C11.8295 8.88409 11.9932 9.81818 12.1705 10.575C12.3545 11.3318 12.5932 11.9557 12.8864 12.4466C13.1864 12.9307 13.575 13.3227 14.0523 13.6227C14.5364 13.9159 15.15 14.1477 15.8932 14.3182C16.6364 14.4886 17.5534 14.6352 18.6443 14.758C18.8148 14.7784 18.9511 14.8466 19.0534 14.9625C19.1625 15.0784 19.217 15.2114 19.217 15.3614C19.217 15.525 19.1625 15.6648 19.0534 15.7807C18.9511 15.8966 18.8148 15.9614 18.6443 15.975C17.5534 16.0977 16.633 16.2443 15.883 16.4148C15.1398 16.5784 14.5261 16.8068 14.042 17.1C13.558 17.3932 13.1693 17.7852 12.8761 18.2761C12.583 18.767 12.3443 19.3943 12.1602 20.158C11.983 20.9216 11.8227 21.8557 11.6795 22.9602C11.6523 23.1239 11.5841 23.2568 11.475 23.3591C11.3659 23.4614 11.2295 23.5125 11.0659 23.5125ZM3.99886 12.1807C3.76705 12.1807 3.63409 12.0545 3.6 11.8023C3.51818 11.1273 3.43295 10.5989 3.34432 10.217C3.25568 9.82841 3.1125 9.53864 2.91477 9.34773C2.71705 9.15 2.41705 9 2.01477 8.89773C1.61932 8.79545 1.07727 8.68636 0.388636 8.57045C0.129545 8.53636 0 8.40682 0 8.18182C0 7.97045 0.1125 7.84432 0.3375 7.80341C1.03977 7.67386 1.59205 7.55795 1.99432 7.45568C2.39659 7.34659 2.69659 7.19659 2.89432 7.00568C3.09886 6.81477 3.24545 6.53182 3.33409 6.15682C3.42955 5.78182 3.51818 5.25682 3.6 4.58182C3.63409 4.32955 3.76705 4.20341 3.99886 4.20341C4.22386 4.20341 4.35341 4.32273 4.3875 4.56136C4.46932 5.25 4.55455 5.79205 4.64318 6.1875C4.73864 6.58295 4.88523 6.87955 5.08295 7.07727C5.28068 7.275 5.58068 7.42159 5.98295 7.51705C6.38523 7.60568 6.9375 7.70114 7.63977 7.80341C7.74204 7.81023 7.82386 7.85114 7.88523 7.92614C7.95341 7.99432 7.9875 8.07955 7.9875 8.18182C7.9875 8.4 7.875 8.52955 7.65 8.57045C6.94091 8.70682 6.38523 8.82955 5.98295 8.93864C5.5875 9.04091 5.29091 9.19091 5.09318 9.38864C4.89545 9.57955 4.74886 9.86591 4.65341 10.2477C4.55795 10.6227 4.46932 11.1477 4.3875 11.8227C4.36705 11.925 4.32273 12.0102 4.25455 12.0784C4.18636 12.1466 4.10114 12.1807 3.99886 12.1807ZM8.94886 5.03182C8.80568 5.03182 8.72386 4.95682 8.70341 4.80682C8.62841 4.39091 8.56023 4.06364 8.49886 3.825C8.44432 3.58636 8.35568 3.40568 8.23295 3.28295C8.11705 3.16023 7.93636 3.06477 7.69091 2.99659C7.45227 2.92159 7.11136 2.84659 6.66818 2.77159C6.51818 2.7375 6.44318 2.64886 6.44318 2.50568C6.44318 2.37614 6.51818 2.29432 6.66818 2.26023C7.11136 2.17841 7.45227 2.10341 7.69091 2.03523C7.93636 1.96023 8.11705 1.86136 8.23295 1.73864C8.35568 1.61591 8.44432 1.43864 8.49886 1.20682C8.56023 0.968182 8.62841 0.640909 8.70341 0.225C8.72386 0.075 8.80568 0 8.94886 0C9.09204 0 9.17727 0.075 9.20455 0.225C9.27273 0.640909 9.3375 0.968182 9.39886 1.20682C9.46023 1.44545 9.54886 1.62614 9.66477 1.74886C9.7875 1.87159 9.96818 1.97045 10.2068 2.04545C10.4523 2.11364 10.7966 2.18523 11.2398 2.26023C11.3898 2.2875 11.4648 2.36932 11.4648 2.50568C11.4648 2.64886 11.3898 2.7375 11.2398 2.77159C10.7966 2.84659 10.4523 2.92159 10.2068 2.99659C9.96818 3.06477 9.7875 3.16364 9.66477 3.29318C9.54886 3.41591 9.46023 3.59659 9.39886 3.83523C9.3375 4.06705 9.27273 4.39091 9.20455 4.80682C9.17727 4.95682 9.09204 5.03182 8.94886 5.03182Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/video_file.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/video_file.svg
new file mode 100644
index 000000000..7d793723a
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/video_file.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 18H13C13.2833 18 13.5208 17.9042 13.7125 17.7125C13.9042 17.5208 14 17.2833 14 17V16L16 17.05V12.95L14 14V13C14 12.7167 13.9042 12.4792 13.7125 12.2875C13.5208 12.0958 13.2833 12 13 12H9C8.71667 12 8.47917 12.0958 8.2875 12.2875C8.09583 12.4792 8 12.7167 8 13V17C8 17.2833 8.09583 17.5208 8.2875 17.7125C8.47917 17.9042 8.71667 18 9 18ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam-filled.svg
new file mode 100644
index 000000000..cc5ecb073
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H16C16.55 4 17.0208 4.19583 17.4125 4.5875C17.8042 4.97917 18 5.45 18 6V10.5L22 6.5V17.5L18 13.5V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam.svg
new file mode 100644
index 000000000..4d4563b29
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H16C16.55 4 17.0208 4.19583 17.4125 4.5875C17.8042 4.97917 18 5.45 18 6V10.5L22 6.5V17.5L18 13.5V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H4ZM4 18H16V6H4V18Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam_off.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam_off.svg
new file mode 100644
index 000000000..0fb33b918
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/videocam_off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 17.5L18 13.5V15.175L16 13.175V6H8.82502L6.82502 4H16C16.55 4 17.0209 4.19584 17.4125 4.5875C17.8042 4.97917 18 5.45 18 6V10.5L22 6.5V17.5ZM20.55 23.35L0.650024 3.45L2.05002 2.05L21.95 21.95L20.55 23.35ZM4.00002 4L6.00002 6H4.00002V18H16V16L18 18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0209 19.8042 16.55 20 16 20H4.00002C3.45002 20 2.97919 19.8042 2.58752 19.4125C2.19586 19.0208 2.00002 18.55 2.00002 18V6C2.00002 5.45 2.19586 4.97917 2.58752 4.5875C2.97919 4.19584 3.45002 4 4.00002 4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility-filled.svg
new file mode 100644
index 000000000..4184dfeb7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility.svg
new file mode 100644
index 000000000..d98ed6864
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19ZM12 17C13.8833 17 15.6125 16.5042 17.1875 15.5125C18.7625 14.5208 19.9667 13.1833 20.8 11.5C19.9667 9.81667 18.7625 8.47917 17.1875 7.4875C15.6125 6.49583 13.8833 6 12 6C10.1167 6 8.3875 6.49583 6.8125 7.4875C5.2375 8.47917 4.03333 9.81667 3.2 11.5C4.03333 13.1833 5.2375 14.5208 6.8125 15.5125C8.3875 16.5042 10.1167 17 12 17Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility_off.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility_off.svg
new file mode 100644
index 000000000..cd3baa497
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/visibility_off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.1 13.3L14.65 11.85C14.8 11.0667 14.575 10.3333 13.975 9.64999C13.375 8.96665 12.6 8.69999 11.65 8.84999L10.2 7.39999C10.4833 7.26665 10.7708 7.16665 11.0625 7.09999C11.3542 7.03332 11.6667 6.99999 12 6.99999C13.25 6.99999 14.3125 7.43749 15.1875 8.31249C16.0625 9.18749 16.5 10.25 16.5 11.5C16.5 11.8333 16.4667 12.1458 16.4 12.4375C16.3333 12.7292 16.2333 13.0167 16.1 13.3ZM19.3 16.45L17.85 15.05C18.4833 14.5667 19.0458 14.0375 19.5375 13.4625C20.0292 12.8875 20.45 12.2333 20.8 11.5C19.9667 9.81666 18.7708 8.47916 17.2125 7.48749C15.6542 6.49582 13.9167 5.99999 12 5.99999C11.5167 5.99999 11.0417 6.03332 10.575 6.09999C10.1083 6.16665 9.65 6.26665 9.2 6.39999L7.65 4.84999C8.33333 4.56665 9.03333 4.35415 9.75 4.21249C10.4667 4.07082 11.2167 3.99999 12 3.99999C14.5167 3.99999 16.7583 4.69582 18.725 6.08749C20.6917 7.47916 22.1167 9.28332 23 11.5C22.6167 12.4833 22.1125 13.3958 21.4875 14.2375C20.8625 15.0792 20.1333 15.8167 19.3 16.45ZM19.8 22.6L15.6 18.45C15.0167 18.6333 14.4292 18.7708 13.8375 18.8625C13.2458 18.9542 12.6333 19 12 19C9.48333 19 7.24167 18.3042 5.275 16.9125C3.30833 15.5208 1.88333 13.7167 1 11.5C1.35 10.6167 1.79167 9.79582 2.325 9.03749C2.85833 8.27915 3.46667 7.59999 4.15 6.99999L1.4 4.19999L2.8 2.79999L21.2 21.2L19.8 22.6ZM5.55 8.39999C5.06667 8.83332 4.625 9.30832 4.225 9.82499C3.825 10.3417 3.48333 10.9 3.2 11.5C4.03333 13.1833 5.22917 14.5208 6.7875 15.5125C8.34583 16.5042 10.0833 17 12 17C12.3333 17 12.6583 16.9792 12.975 16.9375C13.2917 16.8958 13.6167 16.85 13.95 16.8L13.05 15.85C12.8667 15.9 12.6917 15.9375 12.525 15.9625C12.3583 15.9875 12.1833 16 12 16C10.75 16 9.6875 15.5625 8.8125 14.6875C7.9375 13.8125 7.5 12.75 7.5 11.5C7.5 11.3167 7.5125 11.1417 7.5375 10.975C7.5625 10.8083 7.6 10.6333 7.65 10.45L5.55 8.39999Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/volume-2.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume-2.svg
new file mode 100644
index 000000000..e1d0f5d67
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume-2.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0879 3.01067C10.3373 2.98014 10.5904 3.00518 10.8291 3.08391L10.9473 3.12785L11.0615 3.17961C11.2861 3.29262 11.4828 3.45427 11.6377 3.65227L11.7119 3.75481L11.7783 3.86223C11.9228 4.11714 11.9995 4.40569 12 4.70012V19.2968L11.9951 19.4228C11.9738 19.7158 11.8777 19.9994 11.7139 20.245C11.5266 20.5257 11.2599 20.7447 10.9482 20.8739C10.6364 21.0032 10.2929 21.0366 9.96191 20.9706C9.6309 20.9047 9.32634 20.7427 9.08789 20.5038L5.7041 17.1181C5.66679 17.0806 5.62214 17.0505 5.57324 17.0302C5.52435 17.0099 5.47186 16.9998 5.41895 16.9999H3C2.46957 16.9999 1.96101 16.7891 1.58594 16.414C1.21087 16.0389 1 15.5303 1 14.9999V8.99992C1.00001 8.4695 1.21087 7.96093 1.58594 7.58586C1.96101 7.2108 2.46957 6.99992 3 6.99992H5.41895C5.47187 7.00008 5.52435 6.9899 5.57324 6.96965C5.62214 6.94939 5.66679 6.9193 5.7041 6.88176L9.09082 3.49602C9.32922 3.25817 9.63258 3.09578 9.96289 3.0302L10.0879 3.01067ZM3 14.9999H5.41602C5.73258 14.9994 6.04639 15.0614 6.33887 15.1825C6.63129 15.3037 6.8967 15.4818 7.12012 15.706L10 18.5859V5.41399L7.12012 8.29387C6.89671 8.51808 6.6313 8.69614 6.33887 8.81731C6.04639 8.93846 5.73258 8.99949 5.41602 8.99895L3 8.99992V14.9999Z" fill="#222631"/>
+<path d="M16 12C16 11.1345 15.7195 10.2919 15.2002 9.59956C14.869 9.15774 14.9586 8.53148 15.4004 8.20015C15.8422 7.86891 16.4685 7.95857 16.7998 8.40034C17.5787 9.43889 18 10.7018 18 12C18 13.2981 17.5787 14.561 16.7998 15.5996C16.4685 16.0413 15.8422 16.131 15.4004 15.7998C14.9586 15.4684 14.869 14.8422 15.2002 14.4003C15.7195 13.708 16 12.8654 16 12Z" fill="#222631"/>
+<path d="M20.9997 12.0002C20.9997 10.9497 20.7933 9.90922 20.3913 8.93869C19.9893 7.96807 19.3998 7.08585 18.657 6.34298C18.2664 5.95246 18.2664 5.31945 18.657 4.92892C19.0475 4.5384 19.6805 4.5384 20.071 4.92892C20.9996 5.85751 21.7364 6.9598 22.239 8.17306C22.7415 9.38632 22.9997 10.687 22.9997 12.0002C22.9997 13.3132 22.7414 14.6133 22.239 15.8264C21.7364 17.0396 20.9996 18.1429 20.071 19.0715C19.6806 19.4617 19.0474 19.4617 18.657 19.0715C18.2664 18.681 18.2664 18.047 18.657 17.6565C19.3997 16.9137 19.9893 16.0322 20.3913 15.0617C20.7934 14.0912 20.9997 13.0507 20.9997 12.0002Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/volume-x-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume-x-1.svg
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/volume-x.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume-x.svg
new file mode 100644
index 000000000..61e1dd324
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume-x.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0879 3.01067C10.3373 2.98014 10.5904 3.00518 10.8291 3.08391L10.9473 3.12785L11.0615 3.17961C11.2861 3.29262 11.4828 3.45427 11.6377 3.65227L11.7119 3.75481L11.7783 3.86223C11.9228 4.11714 11.9995 4.40569 12 4.70012V19.2968L11.9951 19.4228C11.9738 19.7158 11.8777 19.9994 11.7139 20.245C11.5266 20.5257 11.2599 20.7447 10.9482 20.8739C10.6364 21.0032 10.2929 21.0366 9.96191 20.9706C9.6309 20.9047 9.32634 20.7427 9.08789 20.5038L5.7041 17.1181C5.66679 17.0806 5.62214 17.0505 5.57324 17.0302C5.52435 17.0099 5.47186 16.9998 5.41895 16.9999H3C2.46957 16.9999 1.96101 16.7891 1.58594 16.414C1.21087 16.0389 1 15.5303 1 14.9999V8.99992C1.00001 8.4695 1.21087 7.96093 1.58594 7.58586C1.96101 7.2108 2.46957 6.99992 3 6.99992H5.41895C5.47187 7.00008 5.52435 6.9899 5.57324 6.96965C5.62214 6.94939 5.66679 6.9193 5.7041 6.88176L9.09082 3.49602C9.32922 3.25817 9.63258 3.09578 9.96289 3.0302L10.0879 3.01067ZM21.293 8.29289C21.6835 7.90239 22.3165 7.90239 22.707 8.29289C23.0976 8.68341 23.0975 9.31643 22.707 9.70695L20.4141 11.9999L22.707 14.2929C23.0976 14.6834 23.0975 15.3164 22.707 15.707C22.3165 16.0975 21.6835 16.0975 21.293 15.707L19 13.414L16.707 15.707C16.3165 16.0975 15.6835 16.0975 15.293 15.707C14.9025 15.3164 14.9024 14.6834 15.293 14.2929L17.5859 11.9999L15.293 9.70695C14.9025 9.31643 14.9024 8.68341 15.293 8.29289C15.6835 7.90239 16.3165 7.90239 16.707 8.29289L19 10.5859L21.293 8.29289ZM3 14.9999H5.41602C5.73258 14.9994 6.04639 15.0614 6.33887 15.1825C6.63129 15.3037 6.8967 15.4818 7.12012 15.706L10 18.5859V5.41399L7.12012 8.29387C6.89671 8.51808 6.6313 8.69614 6.33887 8.81731C6.04639 8.93846 5.73258 8.99949 5.41602 8.99895L3 8.99992V14.9999Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/volume_off.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume_off.svg
new file mode 100644
index 000000000..482153d87
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume_off.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.8 22.6L16.775 19.575C16.3584 19.8417 15.9167 20.0708 15.45 20.2625C14.9834 20.4542 14.5 20.6083 14 20.725V18.675C14.2334 18.5917 14.4625 18.5083 14.6875 18.425C14.9125 18.3417 15.125 18.2417 15.325 18.125L12 14.8V20L7.00002 15H3.00002V9H6.20002L1.40002 4.2L2.80002 2.8L21.2 21.2L19.8 22.6ZM19.6 16.8L18.15 15.35C18.4334 14.8333 18.6459 14.2917 18.7875 13.725C18.9292 13.1583 19 12.575 19 11.975C19 10.4083 18.5417 9.00834 17.625 7.775C16.7084 6.54167 15.5 5.70834 14 5.275V3.225C16.0667 3.69167 17.75 4.7375 19.05 6.3625C20.35 7.9875 21 9.85834 21 11.975C21 12.8583 20.8792 13.7083 20.6375 14.525C20.3959 15.3417 20.05 16.1 19.6 16.8ZM16.25 13.45L14 11.2V7.95C14.7834 8.31667 15.3959 8.86667 15.8375 9.6C16.2792 10.3333 16.5 11.1333 16.5 12C16.5 12.25 16.4792 12.4958 16.4375 12.7375C16.3959 12.9792 16.3334 13.2167 16.25 13.45ZM12 9.2L9.40003 6.6L12 4V9.2Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/volume_up.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume_up.svg
new file mode 100644
index 000000000..f63a5709d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/volume_up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 20.725V18.675C15.5 18.2417 16.7083 17.4083 17.625 16.175C18.5417 14.9417 19 13.5417 19 11.975C19 10.4083 18.5417 9.00834 17.625 7.77501C16.7083 6.54167 15.5 5.70834 14 5.27501V3.22501C16.0667 3.69167 17.75 4.73751 19.05 6.36251C20.35 7.98751 21 9.85834 21 11.975C21 14.0917 20.35 15.9625 19.05 17.5875C17.75 19.2125 16.0667 20.2583 14 20.725ZM3 15V9.00001H7L12 4.00001V20L7 15H3ZM14 16V7.95001C14.7833 8.31667 15.3958 8.86667 15.8375 9.60001C16.2792 10.3333 16.5 11.1333 16.5 12C16.5 12.85 16.2792 13.6375 15.8375 14.3625C15.3958 15.0875 14.7833 15.6333 14 16Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/vpn_lock.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/vpn_lock.svg
new file mode 100644
index 000000000..6c05021ee
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/vpn_lock.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/wand-and-stars.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/wand-and-stars.svg
new file mode 100644
index 000000000..e9aee0a86
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/wand-and-stars.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.3136 21.6055L17.2529 8.63648C17.5035 8.38587 17.6288 8.0858 17.6288 7.73626C17.6288 7.38673 17.5068 7.08666 17.2628 6.83605C17.0254 6.58544 16.7286 6.46014 16.3725 6.46014C16.0098 6.46014 15.7031 6.58544 15.4525 6.83605L2.51318 19.805C2.26257 20.0622 2.13726 20.3623 2.13726 20.7053C2.13726 21.0548 2.25927 21.3549 2.50328 21.6055C2.7407 21.8561 3.04078 21.9814 3.4035 21.9814C3.75963 21.988 4.06299 21.8627 4.3136 21.6055ZM12.9101 11.7526L12.3463 11.1986L15.9471 7.58788C16.0263 7.50874 16.1219 7.46917 16.234 7.46917C16.3395 7.46917 16.4318 7.50874 16.511 7.58788C16.5901 7.66702 16.6297 7.76264 16.6297 7.87476C16.6297 7.98028 16.5901 8.06931 16.511 8.14185L12.9101 11.7526ZM7.49897 9.71475C7.59789 9.71475 7.67703 9.68837 7.73639 9.63561C7.79574 9.58285 7.82872 9.51031 7.83531 9.41798C7.93424 8.82443 8.04635 8.3397 8.17165 7.96379C8.29036 7.58128 8.46183 7.27791 8.68606 7.05369C8.90369 6.82286 9.20047 6.6481 9.57638 6.52939C9.95229 6.40408 10.4436 6.29197 11.0504 6.19304C11.2548 6.16007 11.357 6.05455 11.357 5.87648C11.357 5.67864 11.2548 5.56652 11.0504 5.54014C10.437 5.45441 9.9457 5.34889 9.57638 5.22358C9.20047 5.09168 8.90369 4.91362 8.68606 4.68939C8.46843 4.46516 8.30026 4.16509 8.18155 3.78918C8.06284 3.40667 7.94742 2.91535 7.83531 2.31521C7.80234 2.11736 7.69022 2.01843 7.49897 2.01843C7.3275 2.01843 7.22198 2.12065 7.18241 2.3251C7.09008 2.91205 6.98126 3.39678 6.85596 3.77929C6.73066 4.1552 6.55919 4.45857 6.34155 4.68939C6.12392 4.91362 5.82715 5.09168 5.45123 5.22358C5.06873 5.34889 4.5708 5.45441 3.95747 5.54014C3.75962 5.56652 3.6607 5.67864 3.6607 5.87648C3.6607 6.06114 3.75962 6.16666 3.95747 6.19304C4.5774 6.28537 5.07532 6.39419 5.45123 6.51949C5.82715 6.6448 6.12392 6.81956 6.34155 7.04379C6.55259 7.26802 6.71747 7.57469 6.83617 7.96379C6.95488 8.3463 7.0703 8.83432 7.18241 9.42787C7.1956 9.51361 7.23517 9.58285 7.30112 9.63561C7.36047 9.68837 7.42642 9.71475 7.49897 9.71475ZM19.0138 17.8463C19.1786 17.8463 19.2743 17.7573 19.3007 17.5792C19.3732 17.111 19.4424 16.7417 19.5084 16.4713C19.5677 16.2009 19.6667 15.9965 19.8052 15.858C19.9371 15.7129 20.1448 15.6008 20.4284 15.5216C20.7054 15.4425 21.0978 15.3633 21.6056 15.2842C21.7771 15.2512 21.8628 15.1556 21.8628 14.9973C21.8628 14.8324 21.7738 14.7368 21.5957 14.7104C21.0945 14.6313 20.7054 14.5555 20.4284 14.4829C20.1448 14.4038 19.9371 14.2917 19.8052 14.1466C19.6667 14.0015 19.5677 13.7937 19.5084 13.5233C19.4424 13.2464 19.3732 12.877 19.3007 12.4154C19.2743 12.2373 19.1786 12.1483 19.0138 12.1483C18.8489 12.1483 18.7533 12.2373 18.7269 12.4154C18.6543 12.877 18.5851 13.2431 18.5191 13.5134C18.4532 13.7838 18.3543 13.9916 18.2224 14.1367C18.0905 14.2818 17.886 14.3939 17.609 14.473C17.3255 14.5522 16.9298 14.6313 16.422 14.7104C16.2505 14.7368 16.1647 14.8324 16.1647 14.9973C16.1647 15.1556 16.2505 15.2512 16.422 15.2842C16.9298 15.3633 17.3222 15.4425 17.5992 15.5216C17.8761 15.5942 18.0839 15.703 18.2224 15.8481C18.3543 15.9866 18.4532 16.1943 18.5191 16.4713C18.5851 16.7417 18.6543 17.111 18.7269 17.5792C18.7533 17.7573 18.8489 17.8463 19.0138 17.8463ZM15.6701 20.6954C15.7888 20.6954 15.868 20.6228 15.9075 20.4777C15.9801 20.115 16.046 19.8512 16.1054 19.6863C16.1582 19.5149 16.267 19.3962 16.4318 19.3302C16.5901 19.2643 16.877 19.1884 17.2925 19.1027C17.4244 19.0763 17.4903 19.0005 17.4903 18.8752C17.4903 18.7498 17.4211 18.6707 17.2826 18.6377C16.8737 18.5718 16.5868 18.5058 16.422 18.4399C16.2571 18.3673 16.1483 18.2486 16.0955 18.0838C16.0427 17.9123 15.9801 17.6419 15.9075 17.2726C15.868 17.1275 15.7888 17.0549 15.6701 17.0549C15.5382 17.0549 15.4591 17.1242 15.4327 17.2627C15.3668 17.6386 15.3074 17.909 15.2546 18.0739C15.2019 18.2387 15.0931 18.3542 14.9282 18.4201C14.7567 18.4861 14.4632 18.5586 14.0478 18.6377C13.9159 18.6641 13.8499 18.7433 13.8499 18.8752C13.8499 19.0005 13.9192 19.0763 14.0577 19.1027C14.4665 19.1884 14.7567 19.2643 14.9282 19.3302C15.0997 19.3962 15.2118 19.5149 15.2645 19.6863C15.3173 19.8512 15.3734 20.115 15.4327 20.4777C15.4591 20.6228 15.5382 20.6954 15.6701 20.6954Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/wand_stars.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/wand_stars.svg
new file mode 100644
index 000000000..4020b8b8c
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/wand_stars.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.4 21L3 19.6L10.525 12.05L6 10.925L10.95 7.85L10.525 2L15 5.775L20.4 3.575L18.225 9L22 13.45L16.15 13.05L13.05 18L11.925 13.475L4.4 21ZM5 8L3 6L5 4L7 6L5 8ZM13.875 12.925L15.075 10.95L17.4 11.125L15.9 9.35L16.775 7.2L14.625 8.075L12.85 6.6L13.025 8.9L11.05 10.125L13.3 10.675L13.875 12.925ZM18 21L16 19L18 17L20 19L18 21Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/warning-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/warning-filled.svg
new file mode 100644
index 000000000..f90c25611
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/warning-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.63877 20.9744C4.08644 20.9744 3.60712 20.8538 3.20081 20.6126C2.7945 20.3713 2.48025 20.0475 2.25804 19.6412C2.04219 19.2349 1.93427 18.7842 1.93427 18.289C1.93427 17.8065 2.06124 17.3462 2.31518 16.9081L9.68592 4.06173C9.93351 3.61098 10.2668 3.27133 10.6858 3.04278C11.1048 2.81423 11.5429 2.69995 12 2.69995C12.4571 2.69995 12.892 2.81423 13.3046 3.04278C13.7173 3.26498 14.0538 3.60463 14.3141 4.06173L21.6848 16.9081C21.8118 17.124 21.907 17.3494 21.9705 17.5843C22.034 17.8192 22.0657 18.0541 22.0657 18.289C22.0657 18.7842 21.9546 19.2349 21.7324 19.6412C21.5102 20.0475 21.1959 20.3713 20.7896 20.6126C20.3897 20.8538 19.9135 20.9744 19.3612 20.9744H4.63877ZM12.0095 14.4512C12.5745 14.4512 12.8634 14.156 12.8761 13.5656L13.0285 8.78509C13.0412 8.49306 12.9491 8.25498 12.7523 8.07088C12.5555 7.88042 12.3047 7.78519 12 7.78519C11.6889 7.78519 11.4381 7.88042 11.2477 8.07088C11.0572 8.25498 10.9683 8.48988 10.981 8.77557L11.1144 13.5751C11.1334 14.1592 11.4318 14.4512 12.0095 14.4512ZM12.0095 17.7271C12.3269 17.7271 12.5999 17.6255 12.8285 17.4224C13.057 17.2192 13.1713 16.9589 13.1713 16.6415C13.1713 16.3304 13.057 16.0701 12.8285 15.8606C12.5999 15.6511 12.3269 15.5464 12.0095 15.5464C11.6857 15.5464 11.4096 15.6511 11.181 15.8606C10.9525 16.0701 10.8382 16.3304 10.8382 16.6415C10.8382 16.9589 10.9525 17.2192 11.181 17.4224C11.4159 17.6255 11.6921 17.7271 12.0095 17.7271Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/warning.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/warning.svg
new file mode 100644
index 000000000..028bf4515
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/warning.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 21L12 2L23 21H1ZM4.45 19H19.55L12 6L4.45 19ZM12 18C12.2833 18 12.5208 17.9042 12.7125 17.7125C12.9042 17.5208 13 17.2833 13 17C13 16.7167 12.9042 16.4792 12.7125 16.2875C12.5208 16.0958 12.2833 16 12 16C11.7167 16 11.4792 16.0958 11.2875 16.2875C11.0958 16.4792 11 16.7167 11 17C11 17.2833 11.0958 17.5208 11.2875 17.7125C11.4792 17.9042 11.7167 18 12 18ZM11 15H13V10H11V15Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/weight.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/weight.svg
new file mode 100644
index 000000000..ab78d7582
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/weight.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0035 2.41406C12.4813 2.41412 12.9207 2.53552 13.3219 2.77734C13.729 3.01925 14.0565 3.34389 14.3043 3.75098C14.5521 4.15812 14.6764 4.60403 14.6764 5.08789C14.6763 5.57748 14.552 6.0227 14.3043 6.42383C14.0624 6.82507 13.7378 7.14674 13.3307 7.38867C13.183 7.47553 13.0295 7.5457 12.8707 7.60059V8.41602H16.0396C16.7593 8.41609 17.3615 8.60774 17.8453 8.99121C18.3289 9.36882 18.6567 9.90554 18.8277 10.6016L20.775 18.4883C21.0168 19.4675 20.9368 20.2287 20.5357 20.7715C20.1404 21.3143 19.4701 21.5859 18.526 21.5859H5.48007C4.53006 21.5859 3.85397 21.3143 3.45273 20.7715C3.05756 20.2287 2.98429 19.4676 3.23202 18.4883L5.1705 10.6016C5.34164 9.9054 5.66912 9.36881 6.15292 8.99121C6.63678 8.60767 7.2387 8.41602 7.95859 8.41602H11.1266V7.60156C10.9647 7.54656 10.8083 7.47593 10.6578 7.38867C10.2566 7.14675 9.93487 6.82505 9.69296 6.42383C9.45117 6.02273 9.33071 5.57743 9.33066 5.08789C9.33066 4.60403 9.45103 4.15812 9.69296 3.75098C9.93489 3.34384 10.2566 3.01927 10.6578 2.77734C11.0649 2.53543 11.5138 2.41406 12.0035 2.41406ZM8.0289 10.1504C7.38582 10.1504 6.98121 10.4837 6.81601 11.1504L4.92245 18.6035C4.81051 19.0103 4.82789 19.3199 4.97519 19.5322C5.12861 19.7447 5.37998 19.8506 5.72812 19.8506H18.2613C18.621 19.8505 18.8717 19.7446 19.0133 19.5322C19.1606 19.3199 19.1809 19.0104 19.0748 18.6035L17.19 11.1504C17.0189 10.4837 16.6115 10.1504 15.9684 10.1504H8.0289ZM12.0035 3.875C11.6731 3.875 11.387 3.99637 11.1451 4.23828C10.9091 4.48021 10.7906 4.76335 10.7906 5.08789C10.7907 5.41229 10.9092 5.69565 11.1451 5.9375C11.387 6.17329 11.6732 6.29102 12.0035 6.29102C12.3338 6.29094 12.6172 6.17345 12.8531 5.9375C13.0891 5.69565 13.2066 5.41229 13.2066 5.08789C13.2066 4.76351 13.086 4.48013 12.8443 4.23828C12.6084 3.99644 12.3279 3.87508 12.0035 3.875Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-1.svg
new file mode 100644
index 000000000..0a1657cbe
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 21C4.9 21 3.95833 20.6083 3.175 19.825C2.39167 19.0417 2 18.1 2 17C2 15.9 2.39167 14.9583 3.175 14.175C3.95833 13.3917 4.9 13 6 13C7.1 13 8.04167 13.3917 8.825 14.175C9.60833 14.9583 10 15.9 10 17C10 18.1 9.60833 19.0417 8.825 19.825C8.04167 20.6083 7.1 21 6 21ZM18 21C16.9 21 15.9583 20.6083 15.175 19.825C14.3917 19.0417 14 18.1 14 17C14 15.9 14.3917 14.9583 15.175 14.175C15.9583 13.3917 16.9 13 18 13C19.1 13 20.0417 13.3917 20.825 14.175C21.6083 14.9583 22 15.9 22 17C22 18.1 21.6083 19.0417 20.825 19.825C20.0417 20.6083 19.1 21 18 21ZM6 19C6.55 19 7.02083 18.8042 7.4125 18.4125C7.80417 18.0208 8 17.55 8 17C8 16.45 7.80417 15.9792 7.4125 15.5875C7.02083 15.1958 6.55 15 6 15C5.45 15 4.97917 15.1958 4.5875 15.5875C4.19583 15.9792 4 16.45 4 17C4 17.55 4.19583 18.0208 4.5875 18.4125C4.97917 18.8042 5.45 19 6 19ZM18 19C18.55 19 19.0208 18.8042 19.4125 18.4125C19.8042 18.0208 20 17.55 20 17C20 16.45 19.8042 15.9792 19.4125 15.5875C19.0208 15.1958 18.55 15 18 15C17.45 15 16.9792 15.1958 16.5875 15.5875C16.1958 15.9792 16 16.45 16 17C16 17.55 16.1958 18.0208 16.5875 18.4125C16.9792 18.8042 17.45 19 18 19ZM12 11C10.9 11 9.95833 10.6083 9.175 9.825C8.39167 9.04167 8 8.1 8 7C8 5.9 8.39167 4.95833 9.175 4.175C9.95833 3.39167 10.9 3 12 3C13.1 3 14.0417 3.39167 14.825 4.175C15.6083 4.95833 16 5.9 16 7C16 8.1 15.6083 9.04167 14.825 9.825C14.0417 10.6083 13.1 11 12 11ZM12 9C12.55 9 13.0208 8.80417 13.4125 8.4125C13.8042 8.02083 14 7.55 14 7C14 6.45 13.8042 5.97917 13.4125 5.5875C13.0208 5.19583 12.55 5 12 5C11.45 5 10.9792 5.19583 10.5875 5.5875C10.1958 5.97917 10 6.45 10 7C10 7.55 10.1958 8.02083 10.5875 8.4125C10.9792 8.80417 11.45 9 12 9Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-filled-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-filled-1.svg
new file mode 100644
index 000000000..ddfc69b2e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-filled-1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 21C4.9 21 3.95833 20.6083 3.175 19.825C2.39167 19.0417 2 18.1 2 17C2 15.9 2.39167 14.9583 3.175 14.175C3.95833 13.3917 4.9 13 6 13C7.1 13 8.04167 13.3917 8.825 14.175C9.60833 14.9583 10 15.9 10 17C10 18.1 9.60833 19.0417 8.825 19.825C8.04167 20.6083 7.1 21 6 21ZM18 21C16.9 21 15.9583 20.6083 15.175 19.825C14.3917 19.0417 14 18.1 14 17C14 15.9 14.3917 14.9583 15.175 14.175C15.9583 13.3917 16.9 13 18 13C19.1 13 20.0417 13.3917 20.825 14.175C21.6083 14.9583 22 15.9 22 17C22 18.1 21.6083 19.0417 20.825 19.825C20.0417 20.6083 19.1 21 18 21ZM12 11C10.9 11 9.95833 10.6083 9.175 9.825C8.39167 9.04167 8 8.1 8 7C8 5.9 8.39167 4.95833 9.175 4.175C9.95833 3.39167 10.9 3 12 3C13.1 3 14.0417 3.39167 14.825 4.175C15.6083 4.95833 16 5.9 16 7C16 8.1 15.6083 9.04167 14.825 9.825C14.0417 10.6083 13.1 11 12 11Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-filled.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-filled.svg
new file mode 100644
index 000000000..ddfc69b2e
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces-filled.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 21C4.9 21 3.95833 20.6083 3.175 19.825C2.39167 19.0417 2 18.1 2 17C2 15.9 2.39167 14.9583 3.175 14.175C3.95833 13.3917 4.9 13 6 13C7.1 13 8.04167 13.3917 8.825 14.175C9.60833 14.9583 10 15.9 10 17C10 18.1 9.60833 19.0417 8.825 19.825C8.04167 20.6083 7.1 21 6 21ZM18 21C16.9 21 15.9583 20.6083 15.175 19.825C14.3917 19.0417 14 18.1 14 17C14 15.9 14.3917 14.9583 15.175 14.175C15.9583 13.3917 16.9 13 18 13C19.1 13 20.0417 13.3917 20.825 14.175C21.6083 14.9583 22 15.9 22 17C22 18.1 21.6083 19.0417 20.825 19.825C20.0417 20.6083 19.1 21 18 21ZM12 11C10.9 11 9.95833 10.6083 9.175 9.825C8.39167 9.04167 8 8.1 8 7C8 5.9 8.39167 4.95833 9.175 4.175C9.95833 3.39167 10.9 3 12 3C13.1 3 14.0417 3.39167 14.825 4.175C15.6083 4.95833 16 5.9 16 7C16 8.1 15.6083 9.04167 14.825 9.825C14.0417 10.6083 13.1 11 12 11Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces.svg
new file mode 100644
index 000000000..6f288b977
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/workspaces.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M6 21C4.9 21 3.95833 20.6083 3.175 19.825C2.39167 19.0417 2 18.1 2 17C2 15.9 2.39167 14.9583 3.175 14.175C3.95833 13.3917 4.9 13 6 13C7.1 13 8.04167 13.3917 8.825 14.175C9.60833 14.9583 10 15.9 10 17C10 18.1 9.60833 19.0417 8.825 19.825C8.04167 20.6083 7.1 21 6 21ZM18 21C16.9 21 15.9583 20.6083 15.175 19.825C14.3917 19.0417 14 18.1 14 17C14 15.9 14.3917 14.9583 15.175 14.175C15.9583 13.3917 16.9 13 18 13C19.1 13 20.0417 13.3917 20.825 14.175C21.6083 14.9583 22 15.9 22 17C22 18.1 21.6083 19.0417 20.825 19.825C20.0417 20.6083 19.1 21 18 21ZM6 19C6.55 19 7.02083 18.8042 7.4125 18.4125C7.80417 18.0208 8 17.55 8 17C8 16.45 7.80417 15.9792 7.4125 15.5875C7.02083 15.1958 6.55 15 6 15C5.45 15 4.97917 15.1958 4.5875 15.5875C4.19583 15.9792 4 16.45 4 17C4 17.55 4.19583 18.0208 4.5875 18.4125C4.97917 18.8042 5.45 19 6 19ZM18 19C18.55 19 19.0208 18.8042 19.4125 18.4125C19.8042 18.0208 20 17.55 20 17C20 16.45 19.8042 15.9792 19.4125 15.5875C19.0208 15.1958 18.55 15 18 15C17.45 15 16.9792 15.1958 16.5875 15.5875C16.1958 15.9792 16 16.45 16 17C16 17.55 16.1958 18.0208 16.5875 18.4125C16.9792 18.8042 17.45 19 18 19ZM12 11C10.9 11 9.95833 10.6083 9.175 9.825C8.39167 9.04167 8 8.1 8 7C8 5.9 8.39167 4.95833 9.175 4.175C9.95833 3.39167 10.9 3 12 3C13.1 3 14.0417 3.39167 14.825 4.175C15.6083 4.95833 16 5.9 16 7C16 8.1 15.6083 9.04167 14.825 9.825C14.0417 10.6083 13.1 11 12 11ZM12 9C12.55 9 13.0208 8.80417 13.4125 8.4125C13.8042 8.02083 14 7.55 14 7C14 6.45 13.8042 5.97917 13.4125 5.5875C13.0208 5.19583 12.55 5 12 5C11.45 5 10.9792 5.19583 10.5875 5.5875C10.1958 5.97917 10 6.45 10 7C10 7.55 10.1958 8.02083 10.5875 8.4125C10.9792 8.80417 11.45 9 12 9Z"
+    fill="currentColor"
+  />
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/x-mark.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/x-mark.svg
new file mode 100644
index 000000000..070d76987
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/x-mark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.32391 19.677C4.17816 19.5379 4.08209 19.3723 4.03571 19.1801C3.98934 18.988 3.98934 18.7959 4.03571 18.6037C4.08872 18.4116 4.18478 18.2493 4.32391 18.1168L10.4258 11.995L4.32391 5.88323C4.18478 5.75072 4.09203 5.58841 4.04565 5.39627C3.99927 5.20414 3.99927 5.01201 4.04565 4.81988C4.09203 4.62774 4.18478 4.46211 4.32391 4.32298C4.46967 4.17723 4.63861 4.08116 4.83074 4.03478C5.02288 3.98841 5.21501 3.98841 5.40714 4.03478C5.59927 4.08116 5.76491 4.17391 5.90404 4.31304L12.0158 10.4248L18.1177 4.31304C18.2568 4.16729 18.4225 4.07453 18.6146 4.03478C18.8067 3.98841 18.9955 3.98841 19.1811 4.03478C19.3732 4.08116 19.5454 4.17723 19.6978 4.32298C19.837 4.46211 19.9297 4.62774 19.9761 4.81988C20.0291 5.01201 20.0291 5.20414 19.9761 5.39627C19.9297 5.58178 19.837 5.74741 19.6978 5.89317L13.596 11.995L19.6978 18.1068C19.837 18.2526 19.9297 18.4215 19.9761 18.6137C20.0225 18.7992 20.0225 18.988 19.9761 19.1801C19.9297 19.3723 19.837 19.5379 19.6978 19.677C19.5521 19.8228 19.3831 19.9188 19.191 19.9652C18.9989 20.0116 18.8067 20.0116 18.6146 19.9652C18.4225 19.9188 18.2568 19.8261 18.1177 19.687L12.0158 13.5752L5.90404 19.687C5.76491 19.8261 5.59927 19.9188 5.40714 19.9652C5.22163 20.0116 5.0295 20.0116 4.83074 19.9652C4.63861 19.9188 4.46967 19.8228 4.32391 19.677Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-1.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-1.svg
new file mode 100644
index 000000000..4ce5ed8f7
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-1.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6641 6.42676C10.9213 6.42676 11.1225 6.50261 11.2676 6.6543C11.4192 6.80597 11.4951 7.00091 11.4951 7.23828V12.9561C11.495 13.1867 11.4287 13.3545 11.2969 13.46C11.165 13.5654 10.9901 13.6182 10.7725 13.6182C10.555 13.6181 10.3767 13.5527 10.2383 13.4209C10.1065 13.2891 10.0411 13.1075 10.041 12.877V8H9.97168L9.04199 8.65234C8.95629 8.71168 8.88356 8.75487 8.82422 8.78125C8.76489 8.80762 8.68895 8.8203 8.59668 8.82031C8.45159 8.82031 8.32305 8.76763 8.21094 8.66211C8.10544 8.5566 8.05273 8.42804 8.05273 8.27637C8.0528 8.03908 8.17094 7.83766 8.4082 7.67285L9.68457 6.7832C9.88242 6.6513 10.0478 6.55862 10.1797 6.50586C10.3181 6.45318 10.4795 6.42676 10.6641 6.42676Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3281 2.00488C11.4425 2.00493 12.4848 2.2125 13.4541 2.62793C14.43 3.04338 15.2869 3.62405 16.0254 4.36914C16.764 5.10778 17.3414 5.96535 17.7568 6.94141C18.1788 7.9108 18.3896 8.94975 18.3896 10.0576C18.3896 10.928 18.2547 11.7554 17.9844 12.54C17.7206 13.3247 17.3548 14.0403 16.8867 14.6865L21.3975 19.2178C21.5359 19.3496 21.6382 19.5046 21.7041 19.6826C21.7766 19.8606 21.8125 20.0484 21.8125 20.2461C21.8125 20.523 21.7502 20.7739 21.625 20.998C21.4997 21.2223 21.328 21.3972 21.1104 21.5225C20.8927 21.6543 20.642 21.7207 20.3584 21.7207C20.1607 21.7207 19.9697 21.6838 19.7852 21.6113C19.6071 21.5454 19.4449 21.44 19.2998 21.2949L14.7598 16.7539C14.1266 17.176 13.4335 17.5099 12.6816 17.7539C11.9367 17.9912 11.1521 18.1093 10.3281 18.1094C9.2203 18.1094 8.1781 17.9017 7.20215 17.4863C6.23269 17.0708 5.37828 16.4935 4.63965 15.7549C3.90113 15.0163 3.32048 14.1627 2.89844 13.1934C2.48301 12.2174 2.27544 11.172 2.27539 10.0576C2.27539 8.94977 2.48304 7.91078 2.89844 6.94141C3.32052 5.96535 3.90101 5.10778 4.63965 4.36914C5.37828 3.62391 6.23269 3.04341 7.20215 2.62793C8.17809 2.21256 9.22032 2.00488 10.3281 2.00488ZM10.3281 4.07227C9.50376 4.07227 8.72838 4.22715 8.00293 4.53711C7.27752 4.84047 6.63794 5.2693 6.08398 5.82324C5.53662 6.37061 5.10781 7.007 4.79785 7.73242C4.49448 8.45787 4.34277 9.23325 4.34277 10.0576C4.34282 10.8884 4.49458 11.6663 4.79785 12.3916C5.10781 13.1104 5.53661 13.7436 6.08398 14.291C6.63793 14.8384 7.27753 15.2704 8.00293 15.5869C8.72838 15.8969 9.50376 16.0518 10.3281 16.0518C11.1589 16.0517 11.9336 15.8968 12.6523 15.5869C13.3778 15.2704 14.0141 14.8384 14.5615 14.291C15.1089 13.7436 15.5377 13.1105 15.8477 12.3916C16.1641 11.6663 16.3222 10.8884 16.3223 10.0576C16.3223 9.23325 16.1642 8.45787 15.8477 7.73242C15.5377 7.007 15.1089 6.37061 14.5615 5.82324C14.0142 5.2693 13.3778 4.84046 12.6523 4.53711C11.9336 4.22723 11.1589 4.07232 10.3281 4.07227Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-minus.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-minus.svg
new file mode 100644
index 000000000..616b4478d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-minus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8799 9.27539C13.0908 9.27539 13.2722 9.35464 13.4238 9.5127C13.5755 9.66438 13.6514 9.84658 13.6514 10.0576C13.6513 10.2685 13.5754 10.45 13.4238 10.6016C13.2722 10.7531 13.0908 10.8291 12.8799 10.8291H7.76562C7.55469 10.8291 7.37332 10.7531 7.22168 10.6016C7.07009 10.45 6.99424 10.2685 6.99414 10.0576C6.99414 9.84658 7.07 9.66438 7.22168 9.5127C7.3733 9.35463 7.55473 9.27539 7.76562 9.27539H12.8799Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3281 2.00488C11.4425 2.00493 12.4848 2.2125 13.4541 2.62793C14.43 3.04338 15.2869 3.62405 16.0254 4.36914C16.764 5.10778 17.3414 5.96535 17.7568 6.94141C18.1788 7.9108 18.3896 8.94975 18.3896 10.0576C18.3896 10.928 18.2547 11.7554 17.9844 12.54C17.7206 13.3247 17.3548 14.0403 16.8867 14.6865L21.3975 19.2178C21.5359 19.3496 21.6382 19.5046 21.7041 19.6826C21.7766 19.8606 21.8125 20.0484 21.8125 20.2461C21.8125 20.523 21.7502 20.7739 21.625 20.998C21.4997 21.2223 21.328 21.3972 21.1104 21.5225C20.8927 21.6543 20.642 21.7207 20.3584 21.7207C20.1607 21.7207 19.9697 21.6838 19.7852 21.6113C19.6071 21.5454 19.4449 21.44 19.2998 21.2949L14.7598 16.7539C14.1266 17.176 13.4335 17.5099 12.6816 17.7539C11.9367 17.9912 11.1521 18.1093 10.3281 18.1094C9.2203 18.1094 8.1781 17.9017 7.20215 17.4863C6.23269 17.0708 5.37828 16.4935 4.63965 15.7549C3.90113 15.0163 3.32048 14.1627 2.89844 13.1934C2.48301 12.2174 2.27544 11.172 2.27539 10.0576C2.27539 8.94977 2.48304 7.91078 2.89844 6.94141C3.32052 5.96535 3.90101 5.10778 4.63965 4.36914C5.37828 3.62391 6.23269 3.04341 7.20215 2.62793C8.17809 2.21256 9.22032 2.00488 10.3281 2.00488ZM10.3281 4.07227C9.50376 4.07227 8.72838 4.22715 8.00293 4.53711C7.27752 4.84047 6.63794 5.2693 6.08398 5.82324C5.53662 6.37061 5.10781 7.007 4.79785 7.73242C4.49448 8.45787 4.34277 9.23325 4.34277 10.0576C4.34282 10.8884 4.49458 11.6663 4.79785 12.3916C5.10781 13.1104 5.53661 13.7436 6.08398 14.291C6.63793 14.8384 7.27753 15.2704 8.00293 15.5869C8.72838 15.8969 9.50376 16.0518 10.3281 16.0518C11.1589 16.0517 11.9336 15.8968 12.6523 15.5869C13.3778 15.2704 14.0141 14.8384 14.5615 14.291C15.1089 13.7436 15.5377 13.1105 15.8477 12.3916C16.1641 11.6663 16.3222 10.8884 16.3223 10.0576C16.3223 9.23325 16.1642 8.45787 15.8477 7.73242C15.5377 7.007 15.1089 6.37061 14.5615 5.82324C14.0142 5.2693 13.3778 4.84046 12.6523 4.53711C11.9336 4.22723 11.1589 4.07232 10.3281 4.07227Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-plus.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-plus.svg
new file mode 100644
index 000000000..bc7892a9d
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom-plus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3281 6.72363C10.5456 6.72373 10.7302 6.79958 10.8818 6.95117C11.0334 7.10281 11.1094 7.28736 11.1094 7.50488V9.27539H12.8799C13.0974 9.27539 13.2788 9.35142 13.4238 9.50293C13.5755 9.65461 13.6514 9.83998 13.6514 10.0576C13.6513 10.2751 13.5754 10.4597 13.4238 10.6113C13.2788 10.7563 13.0974 10.8291 12.8799 10.8291H11.1094V12.5996C11.1094 12.8171 11.0334 13.0017 10.8818 13.1533C10.7302 13.3049 10.5456 13.3808 10.3281 13.3809C10.1171 13.3809 9.93489 13.305 9.7832 13.1533C9.63175 13.0017 9.55567 12.8171 9.55566 12.5996V10.8291H7.77539C7.56443 10.8291 7.38309 10.7563 7.23145 10.6113C7.07986 10.4597 7.004 10.2751 7.00391 10.0576C7.00391 9.83998 7.07976 9.65461 7.23145 9.50293C7.38307 9.35139 7.56447 9.27541 7.77539 9.27539H9.55566V7.50488C9.55568 7.28743 9.63174 7.10278 9.7832 6.95117C9.93489 6.79949 10.1171 6.72363 10.3281 6.72363Z" fill="#222631"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3281 2.00488C11.4425 2.00493 12.4848 2.2125 13.4541 2.62793C14.43 3.04338 15.2869 3.62405 16.0254 4.36914C16.764 5.10778 17.3414 5.96535 17.7568 6.94141C18.1788 7.9108 18.3896 8.94975 18.3896 10.0576C18.3896 10.928 18.2547 11.7554 17.9844 12.54C17.7206 13.3247 17.3548 14.0403 16.8867 14.6865L21.3975 19.2178C21.5359 19.3496 21.6382 19.5046 21.7041 19.6826C21.7766 19.8606 21.8125 20.0484 21.8125 20.2461C21.8125 20.523 21.7502 20.7739 21.625 20.998C21.4997 21.2223 21.328 21.3972 21.1104 21.5225C20.8927 21.6543 20.642 21.7207 20.3584 21.7207C20.1607 21.7207 19.9697 21.6838 19.7852 21.6113C19.6071 21.5454 19.4449 21.44 19.2998 21.2949L14.7598 16.7539C14.1266 17.176 13.4335 17.5099 12.6816 17.7539C11.9367 17.9912 11.1521 18.1093 10.3281 18.1094C9.2203 18.1094 8.1781 17.9017 7.20215 17.4863C6.23269 17.0708 5.37828 16.4935 4.63965 15.7549C3.90113 15.0163 3.32048 14.1627 2.89844 13.1934C2.48301 12.2174 2.27544 11.172 2.27539 10.0576C2.27539 8.94977 2.48304 7.91078 2.89844 6.94141C3.32052 5.96535 3.90101 5.10778 4.63965 4.36914C5.37828 3.62391 6.23269 3.04341 7.20215 2.62793C8.17809 2.21256 9.22032 2.00488 10.3281 2.00488ZM10.3281 4.07227C9.50376 4.07227 8.72838 4.22715 8.00293 4.53711C7.27752 4.84047 6.63794 5.2693 6.08398 5.82324C5.53662 6.37061 5.10781 7.007 4.79785 7.73242C4.49448 8.45787 4.34277 9.23325 4.34277 10.0576C4.34282 10.8884 4.49458 11.6663 4.79785 12.3916C5.10781 13.1104 5.53661 13.7436 6.08398 14.291C6.63793 14.8384 7.27753 15.2704 8.00293 15.5869C8.72838 15.8969 9.50376 16.0518 10.3281 16.0518C11.1589 16.0517 11.9336 15.8968 12.6523 15.5869C13.3778 15.2704 14.0141 14.8384 14.5615 14.291C15.1089 13.7436 15.5377 13.1105 15.8477 12.3916C16.1641 11.6663 16.3222 10.8884 16.3223 10.0576C16.3223 9.23325 16.1642 8.45787 15.8477 7.73242C15.5377 7.007 15.1089 6.37061 14.5615 5.82324C14.0142 5.2693 13.3778 4.84046 12.6523 4.53711C11.9336 4.22723 11.1589 4.07232 10.3281 4.07227Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_in.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_in.svg
new file mode 100644
index 000000000..a85ced471
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_in.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14ZM8.5 12.5V10.5H6.5V8.5H8.5V6.5H10.5V8.5H12.5V10.5H10.5V12.5H8.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_in_map.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_in_map.svg
new file mode 100644
index 000000000..b96506dcb
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_in_map.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.9 21.5L2.5 20.1L5.6 17H3V15H9V21H7V18.4L3.9 21.5ZM20.1 21.5L17 18.4V21H15V15H21V17H18.4L21.5 20.1L20.1 21.5ZM3 9V7H5.6L2.5 3.9L3.9 2.5L7 5.6V3H9V9H3ZM15 9V3H17V5.6L20.1 2.5L21.5 3.9L18.4 7H21V9H15Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_out.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_out.svg
new file mode 100644
index 000000000..3efe1d4ae
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_out.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14ZM7 10.5V8.5H12V10.5H7Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_out_map.svg b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_out_map.svg
new file mode 100644
index 000000000..249194da8
--- /dev/null
+++ b/src/frontend/apps/impress/src/assets/icons/ui-kit/zoom_out_map.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 21V15H5V17.6L8.1 14.5L9.5 15.9L6.4 19H9V21H3ZM15 21V19H17.6L14.5 15.9L15.9 14.5L19 17.6V15H21V21H15ZM8.1 9.5L5 6.4V9H3V3H9V5H6.4L9.5 8.1L8.1 9.5ZM15.9 9.5L14.5 8.1L17.6 5H15V3H21V9H19V6.4L15.9 9.5Z" fill="#222631"/>
+</svg>
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
index 8c571d497..b70c739a0 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
@@ -6,6 +6,16 @@ import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
+import AddLinkSVG from '@/assets/icons/ui-kit/add_link.svg';
+import ContentCopySVG from '@/assets/icons/ui-kit/content_copy.svg';
+import DeleteSVG from '@/assets/icons/ui-kit/delete.svg';
+import DownloadSVG from '@/assets/icons/ui-kit/download.svg';
+import RemoveEmojiSVG from '@/assets/icons/ui-kit/face-remove.svg';
+import AddEmojiSVG from '@/assets/icons/ui-kit/face.svg';
+import GroupSVG from '@/assets/icons/ui-kit/group.svg';
+import HistorySVG from '@/assets/icons/ui-kit/history.svg';
+import KeepSVG from '@/assets/icons/ui-kit/keep.svg';
+import KeepOffSVG from '@/assets/icons/ui-kit/keep_off.svg';
 import {
   Box,
   DropdownMenu,
@@ -91,13 +101,13 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
   const options: DropdownMenuOption[] = [
     {
       label: t('Share'),
-      icon: 'group',
+      icon: <GroupSVG width={24} height={24} />,
       callback: modalShare.open,
       show: isSmallMobile,
     },
     {
       label: t('Export'),
-      icon: 'download',
+      icon: <DownloadSVG width={24} height={24} />,
       callback: () => {
         setIsModalExportOpen(true);
       },
@@ -105,7 +115,11 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
     },
     {
       label: doc.is_favorite ? t('Unpin') : t('Pin'),
-      icon: 'push_pin',
+      icon: doc.is_favorite ? (
+        <KeepOffSVG width={24} height={24} />
+      ) : (
+        <KeepSVG width={24} height={24} />
+      ),
       callback: () => {
         if (doc.is_favorite) {
           removeFavoriteDoc.mutate({ id: doc.id });
@@ -117,7 +131,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
     },
     {
       label: t('Version history'),
-      icon: 'history',
+      icon: <HistorySVG width={24} height={24} />,
       disabled: !doc.abilities.versions_list,
       callback: () => {
         selectHistoryModal.open();
@@ -127,7 +141,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
     },
     {
       label: t('Remove emoji'),
-      icon: 'emoji_emotions',
+      icon: <RemoveEmojiSVG width={24} height={24} />,
       callback: () => {
         updateDocEmoji(doc.id, doc.title ?? '', '');
       },
@@ -136,7 +150,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
     },
     {
       label: t('Add emoji'),
-      icon: 'emoji_emotions',
+      icon: <AddEmojiSVG width={24} height={24} />,
       callback: () => {
         updateDocEmoji(doc.id, doc.title ?? '', '📄');
       },
@@ -145,12 +159,12 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
     },
     {
       label: t('Copy link'),
-      icon: 'add_link',
+      icon: <AddLinkSVG width={24} height={24} />,
       callback: copyDocLink,
     },
     {
       label: t('Copy as {{format}}', { format: 'Markdown' }),
-      icon: 'content_copy',
+      icon: <ContentCopySVG width={24} height={24} />,
       callback: () => {
         void copyCurrentEditorToClipboard('markdown');
       },
@@ -158,7 +172,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
     },
     {
       label: t('Duplicate'),
-      icon: 'content_copy',
+      icon: <ContentCopySVG width={24} height={24} />,
       disabled: !doc.abilities.duplicate,
       callback: () => {
         duplicateDoc({
@@ -171,7 +185,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
     },
     {
       label: isChild ? t('Delete sub-document') : t('Delete document'),
-      icon: 'delete',
+      icon: <DeleteSVG width={24} height={24} />,
       disabled: !doc.abilities.destroy,
       callback: () => {
         setIsModalRemoveOpen(true);
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridActions.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridActions.tsx
index 61d69fa5d..3e8e49f91 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridActions.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridActions.tsx
@@ -2,6 +2,12 @@ import { useModal } from '@gouvfr-lasuite/cunningham-react';
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
+import ContentCopySVG from '@/assets/icons/ui-kit/content_copy.svg';
+import DeleteSVG from '@/assets/icons/ui-kit/delete.svg';
+import DocMoveInSVG from '@/assets/icons/ui-kit/doc-move-in.svg';
+import GroupSVG from '@/assets/icons/ui-kit/group.svg';
+import KeepSVG from '@/assets/icons/ui-kit/keep.svg';
+import KeepOffSVG from '@/assets/icons/ui-kit/keep_off.svg';
 import { DropdownMenu, DropdownMenuOption, Icon } from '@/components';
 import {
   Doc,
@@ -41,7 +47,11 @@ export const DocsGridActions = ({ doc }: DocsGridActionsProps) => {
   const options: DropdownMenuOption[] = [
     {
       label: doc.is_favorite ? t('Unpin') : t('Pin'),
-      icon: 'push_pin',
+      icon: doc.is_favorite ? (
+        <KeepOffSVG width={24} height={24} />
+      ) : (
+        <KeepSVG width={24} height={24} />
+      ),
       callback: () => {
         if (doc.is_favorite) {
           removeFavoriteDoc.mutate({ id: doc.id });
@@ -54,7 +64,7 @@ export const DocsGridActions = ({ doc }: DocsGridActionsProps) => {
     },
     {
       label: t('Share'),
-      icon: 'group',
+      icon: <GroupSVG width={24} height={24} />,
       callback: () => {
         shareModal.open();
       },
@@ -63,7 +73,7 @@ export const DocsGridActions = ({ doc }: DocsGridActionsProps) => {
     },
     {
       label: t('Move into a doc'),
-      icon: 'copy_all',
+      icon: <DocMoveInSVG width={24} height={24} />,
       callback: () => {
         importModal.open();
       },
@@ -72,7 +82,7 @@ export const DocsGridActions = ({ doc }: DocsGridActionsProps) => {
     },
     {
       label: t('Duplicate'),
-      icon: 'content_copy',
+      icon: <ContentCopySVG width={24} height={24} />,
       disabled: !doc.abilities.duplicate,
       callback: () => {
         duplicateDoc({
@@ -85,7 +95,7 @@ export const DocsGridActions = ({ doc }: DocsGridActionsProps) => {
     },
     {
       label: t('Delete'),
-      icon: 'delete',
+      icon: <DeleteSVG width={24} height={24} />,
       callback: () => deleteModal.open(),
       disabled: !doc.abilities.destroy,
       testId: `docs-grid-actions-remove-${doc.id}`,