diff --git a/doc/imgs/Typography Styles.svg b/doc/imgs/Typography Styles.svg
new file mode 100644
index 0000000000..2fbef6935d
--- /dev/null
+++ b/doc/imgs/Typography Styles.svg
@@ -0,0 +1,122 @@
+
diff --git a/doc/imgs/appflowy-logo-black.svg b/doc/imgs/appflowy-logo-black.svg
new file mode 100644
index 0000000000..71df213542
--- /dev/null
+++ b/doc/imgs/appflowy-logo-black.svg
@@ -0,0 +1,18 @@
+
diff --git a/doc/imgs/appflowy-logo-white.svg b/doc/imgs/appflowy-logo-white.svg
new file mode 100644
index 0000000000..4336a606e6
--- /dev/null
+++ b/doc/imgs/appflowy-logo-white.svg
@@ -0,0 +1,18 @@
+
diff --git a/doc/imgs/darkmode - lightmode.svg b/doc/imgs/darkmode - lightmode.svg
new file mode 100644
index 0000000000..ab78ead7c8
--- /dev/null
+++ b/doc/imgs/darkmode - lightmode.svg
@@ -0,0 +1,462 @@
+