diff --git a/developer_manual/design/foundations.rst b/developer_manual/design/foundations.rst
index 6f27632c9..6fc342bfc 100644
--- a/developer_manual/design/foundations.rst
+++ b/developer_manual/design/foundations.rst
@@ -4,9 +4,13 @@ Foundations
There are several design elements that are common to all Nextcloud apps. If you are developing for a platform that has its own design specifications, for example Android, it would be a good idea to keep those in mind while designing your app.
+For web apps, there is the `Vue library `_ and the `Penpot Design Kit `_.
+
Color
-----
+`Penpot Colors `_
+
Primary color
^^^^^^^^^^^^^
@@ -129,6 +133,8 @@ While interface elements like buttons are colored differently depending on their
Typography
----------
+`Penpot Typographie `_
+
To ensure compatibility with different platforms, Nextcloud apps always use the native system font.
For legibility, make sure that the text in your content uses:
@@ -149,6 +155,8 @@ The text sizes for the different platforms are:
Icons
-----
+`Penpot Icons `_
+
.. image:: ../images/material-icons.png
:alt: Material icons