diff --git a/app/ui/intro.js b/app/ui/intro.js
index eb51cd7a..772d3972 100644
--- a/app/ui/intro.js
+++ b/app/ui/intro.js
@@ -13,7 +13,7 @@ module.exports = function intro(state) {
         <p class="max-w-sm font-light leading-normal">
           ${state.translate('uploadPageExplainer')}
         </p>
-        <img class="my-6" src="${assets.get('illustration_download.svg')}" />
+        <img class="-mb-12" src="${assets.get('intro.png')}" />
       </div>
     </send-intro>
   `;
diff --git a/assets/intro.png b/assets/intro.png
new file mode 100644
index 00000000..ac5e3376
Binary files /dev/null and b/assets/intro.png differ
diff --git a/public/Inter-Black.woff b/public/Inter-Black.woff
new file mode 100644
index 00000000..b2c4e27c
Binary files /dev/null and b/public/Inter-Black.woff differ
diff --git a/public/Inter-Black.woff2 b/public/Inter-Black.woff2
new file mode 100644
index 00000000..5e7bd9f1
Binary files /dev/null and b/public/Inter-Black.woff2 differ
diff --git a/public/Inter-BlackItalic.woff b/public/Inter-BlackItalic.woff
new file mode 100644
index 00000000..ff10955e
Binary files /dev/null and b/public/Inter-BlackItalic.woff differ
diff --git a/public/Inter-BlackItalic.woff2 b/public/Inter-BlackItalic.woff2
new file mode 100644
index 00000000..97f3c0b3
Binary files /dev/null and b/public/Inter-BlackItalic.woff2 differ
diff --git a/public/Inter-Bold.woff b/public/Inter-Bold.woff
new file mode 100644
index 00000000..43dfb67f
Binary files /dev/null and b/public/Inter-Bold.woff differ
diff --git a/public/Inter-Bold.woff2 b/public/Inter-Bold.woff2
new file mode 100644
index 00000000..b26180b1
Binary files /dev/null and b/public/Inter-Bold.woff2 differ
diff --git a/public/Inter-BoldItalic.woff b/public/Inter-BoldItalic.woff
new file mode 100644
index 00000000..0aa33d06
Binary files /dev/null and b/public/Inter-BoldItalic.woff differ
diff --git a/public/Inter-BoldItalic.woff2 b/public/Inter-BoldItalic.woff2
new file mode 100644
index 00000000..07ad99d9
Binary files /dev/null and b/public/Inter-BoldItalic.woff2 differ
diff --git a/public/Inter-ExtraBold.woff b/public/Inter-ExtraBold.woff
new file mode 100644
index 00000000..a814de5c
Binary files /dev/null and b/public/Inter-ExtraBold.woff differ
diff --git a/public/Inter-ExtraBold.woff2 b/public/Inter-ExtraBold.woff2
new file mode 100644
index 00000000..fc1e3e2a
Binary files /dev/null and b/public/Inter-ExtraBold.woff2 differ
diff --git a/public/Inter-ExtraBoldItalic.woff b/public/Inter-ExtraBoldItalic.woff
new file mode 100644
index 00000000..6eaf0b23
Binary files /dev/null and b/public/Inter-ExtraBoldItalic.woff differ
diff --git a/public/Inter-ExtraBoldItalic.woff2 b/public/Inter-ExtraBoldItalic.woff2
new file mode 100644
index 00000000..79a24528
Binary files /dev/null and b/public/Inter-ExtraBoldItalic.woff2 differ
diff --git a/public/Inter-ExtraLight-BETA.woff b/public/Inter-ExtraLight-BETA.woff
new file mode 100644
index 00000000..131a66fc
Binary files /dev/null and b/public/Inter-ExtraLight-BETA.woff differ
diff --git a/public/Inter-ExtraLight-BETA.woff2 b/public/Inter-ExtraLight-BETA.woff2
new file mode 100644
index 00000000..e080a70e
Binary files /dev/null and b/public/Inter-ExtraLight-BETA.woff2 differ
diff --git a/public/Inter-ExtraLightItalic-BETA.woff b/public/Inter-ExtraLightItalic-BETA.woff
new file mode 100644
index 00000000..257b53a1
Binary files /dev/null and b/public/Inter-ExtraLightItalic-BETA.woff differ
diff --git a/public/Inter-ExtraLightItalic-BETA.woff2 b/public/Inter-ExtraLightItalic-BETA.woff2
new file mode 100644
index 00000000..0ccb9b64
Binary files /dev/null and b/public/Inter-ExtraLightItalic-BETA.woff2 differ
diff --git a/public/Inter-Italic.woff b/public/Inter-Italic.woff
new file mode 100644
index 00000000..7e07d71e
Binary files /dev/null and b/public/Inter-Italic.woff differ
diff --git a/public/Inter-Italic.woff2 b/public/Inter-Italic.woff2
new file mode 100644
index 00000000..435fe822
Binary files /dev/null and b/public/Inter-Italic.woff2 differ
diff --git a/public/Inter-Light-BETA.woff b/public/Inter-Light-BETA.woff
new file mode 100644
index 00000000..0b46abc0
Binary files /dev/null and b/public/Inter-Light-BETA.woff differ
diff --git a/public/Inter-Light-BETA.woff2 b/public/Inter-Light-BETA.woff2
new file mode 100644
index 00000000..c5fcddd3
Binary files /dev/null and b/public/Inter-Light-BETA.woff2 differ
diff --git a/public/Inter-LightItalic-BETA.woff b/public/Inter-LightItalic-BETA.woff
new file mode 100644
index 00000000..d1101cfe
Binary files /dev/null and b/public/Inter-LightItalic-BETA.woff differ
diff --git a/public/Inter-LightItalic-BETA.woff2 b/public/Inter-LightItalic-BETA.woff2
new file mode 100644
index 00000000..fafad9a5
Binary files /dev/null and b/public/Inter-LightItalic-BETA.woff2 differ
diff --git a/public/Inter-Medium.woff b/public/Inter-Medium.woff
new file mode 100644
index 00000000..15079dcf
Binary files /dev/null and b/public/Inter-Medium.woff differ
diff --git a/public/Inter-Medium.woff2 b/public/Inter-Medium.woff2
new file mode 100644
index 00000000..7d0fbe9e
Binary files /dev/null and b/public/Inter-Medium.woff2 differ
diff --git a/public/Inter-MediumItalic.woff b/public/Inter-MediumItalic.woff
new file mode 100644
index 00000000..7d8c1222
Binary files /dev/null and b/public/Inter-MediumItalic.woff differ
diff --git a/public/Inter-MediumItalic.woff2 b/public/Inter-MediumItalic.woff2
new file mode 100644
index 00000000..fa86742c
Binary files /dev/null and b/public/Inter-MediumItalic.woff2 differ
diff --git a/public/Inter-Regular.woff b/public/Inter-Regular.woff
new file mode 100644
index 00000000..e8587fd8
Binary files /dev/null and b/public/Inter-Regular.woff differ
diff --git a/public/Inter-Regular.woff2 b/public/Inter-Regular.woff2
new file mode 100644
index 00000000..46568fdc
Binary files /dev/null and b/public/Inter-Regular.woff2 differ
diff --git a/public/Inter-SemiBold.woff b/public/Inter-SemiBold.woff
new file mode 100644
index 00000000..de40b73e
Binary files /dev/null and b/public/Inter-SemiBold.woff differ
diff --git a/public/Inter-SemiBold.woff2 b/public/Inter-SemiBold.woff2
new file mode 100644
index 00000000..6bb8bee1
Binary files /dev/null and b/public/Inter-SemiBold.woff2 differ
diff --git a/public/Inter-SemiBoldItalic.woff b/public/Inter-SemiBoldItalic.woff
new file mode 100644
index 00000000..47b0df3a
Binary files /dev/null and b/public/Inter-SemiBoldItalic.woff differ
diff --git a/public/Inter-SemiBoldItalic.woff2 b/public/Inter-SemiBoldItalic.woff2
new file mode 100644
index 00000000..9bfbdb84
Binary files /dev/null and b/public/Inter-SemiBoldItalic.woff2 differ
diff --git a/public/Inter-Thin-BETA.woff b/public/Inter-Thin-BETA.woff
new file mode 100644
index 00000000..46d14727
Binary files /dev/null and b/public/Inter-Thin-BETA.woff differ
diff --git a/public/Inter-Thin-BETA.woff2 b/public/Inter-Thin-BETA.woff2
new file mode 100644
index 00000000..382a4645
Binary files /dev/null and b/public/Inter-Thin-BETA.woff2 differ
diff --git a/public/Inter-ThinItalic-BETA.woff b/public/Inter-ThinItalic-BETA.woff
new file mode 100644
index 00000000..6c284f34
Binary files /dev/null and b/public/Inter-ThinItalic-BETA.woff differ
diff --git a/public/Inter-ThinItalic-BETA.woff2 b/public/Inter-ThinItalic-BETA.woff2
new file mode 100644
index 00000000..f9471a08
Binary files /dev/null and b/public/Inter-ThinItalic-BETA.woff2 differ
diff --git a/public/Inter-italic.var.woff2 b/public/Inter-italic.var.woff2
new file mode 100644
index 00000000..83fb6314
Binary files /dev/null and b/public/Inter-italic.var.woff2 differ
diff --git a/public/Inter-upright.var.woff2 b/public/Inter-upright.var.woff2
new file mode 100644
index 00000000..db2b70cc
Binary files /dev/null and b/public/Inter-upright.var.woff2 differ
diff --git a/public/Inter.var.woff2 b/public/Inter.var.woff2
new file mode 100644
index 00000000..e8d43091
Binary files /dev/null and b/public/Inter.var.woff2 differ
diff --git a/public/inter.css b/public/inter.css
new file mode 100644
index 00000000..d0c7a1b4
--- /dev/null
+++ b/public/inter.css
@@ -0,0 +1,143 @@
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100;
+  src: url('Inter-Thin.woff2') format('woff2'),
+    url('Inter-Thin.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100;
+  src: url('Inter-ThinItalic.woff2') format('woff2'),
+    url('Inter-ThinItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 200;
+  src: url('Inter-ExtraLight.woff2') format('woff2'),
+    url('Inter-ExtraLight.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 200;
+  src: url('Inter-ExtraLightItalic.woff2') format('woff2'),
+    url('Inter-ExtraLightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 300;
+  src: url('Inter-Light.woff2') format('woff2'),
+    url('Inter-Light.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 300;
+  src: url('Inter-LightItalic.woff2') format('woff2'),
+    url('Inter-LightItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url('Inter-Regular.woff2') format('woff2'),
+    url('Inter-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 400;
+  src: url('Inter-Italic.woff2') format('woff2'),
+    url('Inter-Italic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  src: url('Inter-Medium.woff2') format('woff2'),
+    url('Inter-Medium.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 500;
+  src: url('Inter-MediumItalic.woff2') format('woff2'),
+    url('Inter-MediumItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  src: url('Inter-SemiBold.woff2') format('woff2'),
+    url('Inter-SemiBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 600;
+  src: url('Inter-SemiBoldItalic.woff2') format('woff2'),
+    url('Inter-SemiBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  src: url('Inter-Bold.woff2') format('woff2'),
+    url('Inter-Bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 700;
+  src: url('Inter-BoldItalic.woff2') format('woff2'),
+    url('Inter-BoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 800;
+  src: url('Inter-ExtraBold.woff2') format('woff2'),
+    url('Inter-ExtraBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 800;
+  src: url('Inter-ExtraBoldItalic.woff2') format('woff2'),
+    url('Inter-ExtraBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 900;
+  src: url('Inter-Black.woff2') format('woff2'),
+    url('Inter-Black.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 900;
+  src: url('Inter-BlackItalic.woff2') format('woff2'),
+    url('Inter-BlackItalic.woff') format('woff');
+}
diff --git a/server/layout.js b/server/layout.js
index 61d02068..b6a43b47 100644
--- a/server/layout.js
+++ b/server/layout.js
@@ -40,7 +40,7 @@ module.exports = function(state, body = '') {
         <link rel="manifest" href="/app.webmanifest" />
 
         <title>${state.title}</title>
-
+        <link rel="stylesheet" type="text/css" href="/inter.css" />
         <link
           rel="stylesheet"
           type="text/css"
diff --git a/tailwind.js b/tailwind.js
index d9dacae0..fb0ed426 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -191,6 +191,7 @@ module.exports = {
 
   fonts: {
     sans: [
+      'Inter',
       'system-ui',
       'BlinkMacSystemFont',
       '-apple-system',