diff --git a/web/tailwind.config.js b/web/tailwind.config.js
new file mode 100644
index 0000000..5b4abdb
--- /dev/null
+++ b/web/tailwind.config.js
@@ -0,0 +1,27 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./*.html", "./**/*.html", "./assets/js/**/*.js"],
+  theme: {
+    extend: {
+      colors: {
+        'dop-red': '#b8402c',
+        'dop-red-dark': '#8a2b1c',
+        'slate-950': '#020617',
+        'slate-900': '#0f172a',
+        'slate-50': '#f8fafc',
+      },
+      fontFamily: {
+        'sans': ['Inter', 'system-ui', 'sans-serif'],
+        'mono': ['JetBrains Mono', 'Fira Code', 'monospace'],
+      },
+      spacing: {
+        '18': '4.5rem',
+        '88': '22rem',
+      },
+      boxShadow: {
+        'rigor': '0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)',
+      }
+    },
+  },
+  plugins: [],
+}
\ No newline at end of file