diff --git a/apps/monograph/app/assets/fonts/Inter-Bold.ttf b/apps/monograph/app/assets/fonts/Inter-Bold.ttf
new file mode 100644
index 000000000..9fb9b751e
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-Bold.ttf differ
diff --git a/apps/monograph/app/assets/fonts/Inter-Bold.woff2 b/apps/monograph/app/assets/fonts/Inter-Bold.woff2
new file mode 100644
index 000000000..b9e3cb3b1
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-Bold.woff2 differ
diff --git a/apps/monograph/app/assets/fonts/Inter-BoldItalic.ttf b/apps/monograph/app/assets/fonts/Inter-BoldItalic.ttf
new file mode 100644
index 000000000..8d050001a
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-BoldItalic.ttf differ
diff --git a/apps/monograph/app/assets/fonts/Inter-BoldItalic.woff2 b/apps/monograph/app/assets/fonts/Inter-BoldItalic.woff2
new file mode 100644
index 000000000..31cd05221
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-BoldItalic.woff2 differ
diff --git a/apps/monograph/app/assets/fonts/Inter-Italic.ttf b/apps/monograph/app/assets/fonts/Inter-Italic.ttf
new file mode 100644
index 000000000..e7ed211d2
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-Italic.ttf differ
diff --git a/apps/monograph/app/assets/fonts/Inter-Italic.woff2 b/apps/monograph/app/assets/fonts/Inter-Italic.woff2
new file mode 100644
index 000000000..9a1ad2167
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-Italic.woff2 differ
diff --git a/apps/monograph/app/assets/fonts/Inter-Medium.ttf b/apps/monograph/app/assets/fonts/Inter-Medium.ttf
new file mode 100644
index 000000000..458cd0601
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-Medium.ttf differ
diff --git a/apps/monograph/app/assets/fonts/Inter-Medium.woff2 b/apps/monograph/app/assets/fonts/Inter-Medium.woff2
new file mode 100644
index 000000000..fdfdcc699
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-Medium.woff2 differ
diff --git a/apps/monograph/app/assets/fonts/Inter-MediumItalic.ttf b/apps/monograph/app/assets/fonts/Inter-MediumItalic.ttf
new file mode 100644
index 000000000..22b898df3
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-MediumItalic.ttf differ
diff --git a/apps/monograph/app/assets/fonts/Inter-MediumItalic.woff2 b/apps/monograph/app/assets/fonts/Inter-MediumItalic.woff2
new file mode 100644
index 000000000..0dc5a3068
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-MediumItalic.woff2 differ
diff --git a/apps/monograph/app/assets/fonts/Inter-Regular.ttf b/apps/monograph/app/assets/fonts/Inter-Regular.ttf
new file mode 100644
index 000000000..b7aaca8de
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-Regular.ttf differ
diff --git a/apps/monograph/app/assets/fonts/Inter-Regular.woff2 b/apps/monograph/app/assets/fonts/Inter-Regular.woff2
new file mode 100644
index 000000000..2bcd222ec
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-Regular.woff2 differ
diff --git a/apps/monograph/app/assets/fonts/Inter-SemiBold.ttf b/apps/monograph/app/assets/fonts/Inter-SemiBold.ttf
new file mode 100644
index 000000000..47f8ab1d6
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-SemiBold.ttf differ
diff --git a/apps/monograph/app/assets/fonts/Inter-SemiBold.woff2 b/apps/monograph/app/assets/fonts/Inter-SemiBold.woff2
new file mode 100644
index 000000000..fbae113d2
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-SemiBold.woff2 differ
diff --git a/apps/monograph/app/assets/fonts/Inter-SemiBoldItalic.ttf b/apps/monograph/app/assets/fonts/Inter-SemiBoldItalic.ttf
new file mode 100644
index 000000000..3f704a208
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-SemiBoldItalic.ttf differ
diff --git a/apps/monograph/app/assets/fonts/Inter-SemiBoldItalic.woff2 b/apps/monograph/app/assets/fonts/Inter-SemiBoldItalic.woff2
new file mode 100644
index 000000000..d67d01c6c
Binary files /dev/null and b/apps/monograph/app/assets/fonts/Inter-SemiBoldItalic.woff2 differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf
deleted file mode 100644
index 0f921544b..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff
deleted file mode 100644
index 32c56a307..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2
deleted file mode 100644
index 26599958d..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.ttf b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.ttf
deleted file mode 100644
index 797f40f30..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.ttf and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff
deleted file mode 100644
index 8612cca5c..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff2 b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff2
deleted file mode 100644
index 932bb4d0e..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff2 and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf
deleted file mode 100644
index e183c89bd..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff
deleted file mode 100644
index fd9eb374f..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2
deleted file mode 100644
index e44d73d1f..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf
deleted file mode 100644
index 408f07d21..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff
deleted file mode 100644
index e9cf9d654..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2 b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2
deleted file mode 100644
index fd04386e1..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2 and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf
deleted file mode 100644
index c761fc6d0..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff
deleted file mode 100644
index 7b91f730c..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2 b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2
deleted file mode 100644
index f559fd43e..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2 and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf
deleted file mode 100644
index cafe79820..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff
deleted file mode 100644
index 9bc5d1eed..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff and /dev/null differ
diff --git a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 b/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2
deleted file mode 100644
index 2aa7f3338..000000000
Binary files a/apps/monograph/app/assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 and /dev/null differ
diff --git a/apps/monograph/app/components/header.tsx b/apps/monograph/app/components/header.tsx
index 124229c33..a0fcdc125 100644
--- a/apps/monograph/app/components/header.tsx
+++ b/apps/monograph/app/components/header.tsx
@@ -39,7 +39,16 @@ export function Header() {
       >
         <span style={{ color: "var(--accent)" }}>Mono</span>graph
       </Text>
-      <Button variant="accent">Publish a note</Button>
+      <Button
+        as="a"
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        href="https://app.notesnook.com/"
+        target="_blank"
+        variant="accent"
+      >
+        Publish a note
+      </Button>
     </Flex>
   );
 }
diff --git a/apps/monograph/app/components/monograph-chat.tsx b/apps/monograph/app/components/monograph-chat.tsx
index 5c577609b..5f4325715 100644
--- a/apps/monograph/app/components/monograph-chat.tsx
+++ b/apps/monograph/app/components/monograph-chat.tsx
@@ -139,7 +139,7 @@ const ChatItem = ({
     >
       <Flex
         sx={{
-          backgroundColor: incoming ? "background-secondary" : "shade",
+          backgroundColor: incoming ? "background" : "shade",
           borderRadius: 10,
           p: 2,
           pb: 1,
@@ -147,7 +147,7 @@ const ChatItem = ({
           maxWidth: "70%"
         }}
       >
-        <Text sx={{ fontSize: "13px", color: "paragraph" }}>{message}</Text>
+        <Text sx={{ fontSize: "subBody", color: "paragraph" }}>{message}</Text>
         <Timer time={time} />
       </Flex>
     </Flex>
diff --git a/apps/monograph/app/components/theme-provider.tsx b/apps/monograph/app/components/theme-provider.tsx
index 62f2530e5..4a53a23da 100644
--- a/apps/monograph/app/components/theme-provider.tsx
+++ b/apps/monograph/app/components/theme-provider.tsx
@@ -72,7 +72,23 @@ export function BaseThemeProvider(
 
   return (
     <>
-      <EmotionThemeProvider {...restProps} scope={scope}>
+      <EmotionThemeProvider
+        {...restProps}
+        theme={{
+          fontSizes: {
+            heading: "24px",
+            subheading: "20px",
+            input: "12px",
+            title: "16px",
+            subtitle: "14px",
+            body: "14px",
+            subBody: "12px",
+            menu: "12px",
+            code: "14px"
+          }
+        }}
+        scope={scope}
+      >
         {children}
       </EmotionThemeProvider>
     </>
diff --git a/apps/monograph/app/root.css b/apps/monograph/app/root.css
index ce6ec04cd..738e8a25f 100644
--- a/apps/monograph/app/root.css
+++ b/apps/monograph/app/root.css
@@ -1,98 +1,75 @@
-/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+
 @font-face {
-  font-family: "Open Sans";
+  font-family: "Inter";
   font-style: normal;
-  font-display: fallback;
+  font-display: swap;
   font-weight: 400;
-  src: local(""),
-    url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2")
-      format("woff2"),
-    /* Super Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff")
-      format("woff"),
-    /* Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf")
-      format("truetype");
+  src: local(""), url("./assets/fonts/Inter-Regular.woff2") format("woff2"),
+    url("./assets/fonts/Inter-Regular.ttf") format("truetype");
 }
-/* open-sans-600 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+
 @font-face {
-  font-family: "Open Sans";
+  font-family: "Inter";
   font-style: normal;
+  font-display: swap;
   font-weight: 600;
-  font-display: fallback;
-  src: local(""),
-    url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2")
-      format("woff2"),
-    /* Super Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff")
-      format("woff"),
-    /* Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf")
-      format("truetype");
+  src: local(""), url("./assets/fonts/Inter-SemiBold.woff2") format("woff2"),
+    url("./assets/fonts/Inter-SemiBold.ttf") format("truetype");
 }
-/* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+
 @font-face {
-  font-family: "Open Sans";
+  font-family: "Inter";
   font-style: normal;
+  font-display: swap;
   font-weight: 700;
-  font-display: fallback;
-  src: local(""),
-    url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2")
-      format("woff2"),
-    /* Super Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff")
-      format("woff"),
-    /* Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf")
-      format("truetype");
+  src: local(""), url("./assets/fonts/Inter-Bold.woff2") format("woff2"),
+    url("./assets/fonts/Inter-Bold.ttf") format("truetype");
 }
-/* open-sans-italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+
 @font-face {
-  font-family: "Open Sans";
+  font-family: "Inter";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: local(""), url("./assets/fonts/Inter-Medium.woff2") format("woff2"),
+    url("./assets/fonts/Inter-Medium.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Inter";
   font-style: italic;
+  font-display: swap;
   font-weight: 400;
-  font-display: fallback;
-  src: local(""),
-    url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2")
-      format("woff2"),
-    /* Super Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff")
-      format("woff"),
-    /* Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf")
-      format("truetype");
+  src: local(""), url("./assets/fonts/Inter-Italic.woff2") format("woff2"),
+    url("./assets/fonts/Inter-Italic.ttf") format("truetype");
 }
-/* open-sans-600italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+
 @font-face {
-  font-family: "Open Sans";
+  font-family: "Inter";
   font-style: italic;
+  font-display: swap;
   font-weight: 600;
-  font-display: fallback;
   src: local(""),
-    url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff2")
-      format("woff2"),
-    /* Super Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff")
-      format("woff"),
-    /* Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.ttf")
-      format("truetype");
+    url("./assets/fonts/Inter-SemiBoldItalic.woff2") format("woff2"),
+    url("./assets/fonts/Inter-SemiBoldItalic.ttf") format("truetype");
 }
-/* open-sans-700italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
+
 @font-face {
-  font-family: "Open Sans";
+  font-family: "Inter";
   font-style: italic;
+  font-display: swap;
   font-weight: 700;
-  font-display: fallback;
-  src: local(""),
-    url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2")
-      format("woff2"),
-    /* Super Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff")
-      format("woff"),
-    /* Modern Browsers */
-      url("./assets/fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf")
-      format("truetype");
+  src: local(""), url("./assets/fonts/Inter-BoldItalic.woff2") format("woff2"),
+    url("./assets/fonts/Inter-BoldItalic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-display: swap;
+  font-weight: 500;
+  src: local(""), url("./assets/fonts/Inter-MediumItalic.woff2") format("woff2"),
+    url("./assets/fonts/Inter-MediumItalic.ttf") format("truetype");
 }
 
 body {
diff --git a/apps/monograph/app/routes/_index.tsx b/apps/monograph/app/routes/_index.tsx
index 503d96491..e6c1bb516 100644
--- a/apps/monograph/app/routes/_index.tsx
+++ b/apps/monograph/app/routes/_index.tsx
@@ -127,6 +127,7 @@ export default function Monograph() {
           mt={6}
         >
           <ButtonLink
+            as="a"
             variant="accent"
             href="https://app.notesnook.com/"
             target="_blank"
@@ -134,6 +135,7 @@ export default function Monograph() {
             Publish a note
           </ButtonLink>
           <ButtonLink
+            as="a"
             variant="secondary"
             sx={{
               bg: "background-secondary",
@@ -182,7 +184,7 @@ export default function Monograph() {
           >
             <Icon path={feature.Icon} color="var(--accent)" size={42} />
             <Text variant="heading">{feature.name}</Text>
-            <Text>{feature.body}</Text>
+            <Text variant="body">{feature.body}</Text>
           </Flex>
         ))}
       </Box>
diff --git a/apps/monograph/vite.config.ts b/apps/monograph/vite.config.ts
index 6a4bc5a83..3691e5e1d 100644
--- a/apps/monograph/vite.config.ts
+++ b/apps/monograph/vite.config.ts
@@ -20,7 +20,7 @@ import { vitePlugin as remix } from "@remix-run/dev";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 import arraybuffer from "vite-plugin-arraybuffer";
-import ThemeDark from "@notesnook/theme/theme-engine/themes/default-dark.json" with {type:"json"};
+import ThemeDark from "@notesnook/theme/theme-engine/themes/default-dark.json" with { type:"json" };
 import type { Plugin, ResolvedConfig } from "vite";
 import { writeFile } from "fs/promises";
 import path from "path";
@@ -51,8 +51,9 @@ export default defineConfig(({ isSsrBuild }) => ({
         scripts: { start: pkg.scripts.start },
         dependencies: {
           "@napi-rs/canvas": pkg.dependencies["@napi-rs/canvas"],
-          "@remix-run/server-runtime": pkg.devDependencies["@remix-run/server-runtime"],
-        },
+          "@remix-run/server-runtime":
+            pkg.devDependencies["@remix-run/server-runtime"]
+        }
       })
     }),
     remix({
@@ -65,13 +66,15 @@ export default defineConfig(({ isSsrBuild }) => ({
     }),
     tsconfigPaths(),
     arraybuffer(),
-    isSsrBuild ?  viteStaticCopy({
-      targets: [
-        { src: "./server.ts", dest: "../../" },
-        { src: "./app/assets", dest: "../" },
-        { src: "./fonts", dest: "../" }
-      ]
-    }) : undefined
+    isSsrBuild
+      ? viteStaticCopy({
+          targets: [
+            { src: "./server.ts", dest: "../../" },
+            { src: "./app/assets", dest: "../" },
+            { src: "./fonts", dest: "../" }
+          ]
+        })
+      : undefined
   ],
   worker: {
     format: "es",
@@ -90,7 +93,7 @@ export default defineConfig(({ isSsrBuild }) => ({
   build: {
     target: isSsrBuild ? "node20" : undefined,
     rollupOptions: {
-      external: ["@napi-rs/canvas"]
+      external: ["@napi-rs/canvas"],
     }
   },
   define: {