diff --git a/site/postcss.config.js b/site/postcss.config.js
new file mode 100644
index 0000000..2e7af2b
--- /dev/null
+++ b/site/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/site/src/index.css b/site/src/index.css
index a2b7545..80a291c 100644
--- a/site/src/index.css
+++ b/site/src/index.css
@@ -2,8 +2,6 @@ body {
   margin: 0;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  color: #1e2134;
-  background: #fbfcfe;
 }
 
 body * {
@@ -52,8 +50,8 @@ body a:hover {
   font-style: normal;
   font-weight: 400;
   src: url("/fonts/inter-v3-latin-regular.woff2") format("woff2"),
-    /* Super Modern Browsers */
-      url("/fonts/inter-v3-latin-regular.woff") format("woff");
+    /* Super Modern Browsers */ url("/fonts/inter-v3-latin-regular.woff")
+      format("woff");
 }
 
 @font-face {
diff --git a/site/src/index.jsx b/site/src/index.jsx
index 2449fe5..bb12195 100644
--- a/site/src/index.jsx
+++ b/site/src/index.jsx
@@ -7,6 +7,7 @@ import store from "./store";
 import "./index.css";
 import "semantic-ui-css/semantic.min.css";
 import "react-mde/lib/styles/css/react-mde-all.css";
+import "@osn/common-ui/styles/index.css";
 
 const root = createRoot(document.getElementById("root"));
 root.render(
diff --git a/site/tailwind.config.js b/site/tailwind.config.js
new file mode 100644
index 0000000..020e20e
--- /dev/null
+++ b/site/tailwind.config.js
@@ -0,0 +1,5 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  presets: [require("@osn/common-ui/tailwind/preset.js")],
+  content: ["./src/**/*.{js,jsx}"],
+};