diff --git a/web/pw-server/src/routes/docs/doc.svelte b/web/pw-server/src/routes/docs/doc.svelte
new file mode 100644
index 0000000..ded3a6c
--- /dev/null
+++ b/web/pw-server/src/routes/docs/doc.svelte
@@ -0,0 +1,10 @@
+<div class="container">
+  <slot />
+</div>
+
+<style scoped lang="scss">
+  .container {
+    width: 800px;
+    margin: 0 auto;
+  }
+</style>
\ No newline at end of file
diff --git a/web/pw-server/src/routes/docs/rules.md b/web/pw-server/src/routes/docs/rules.md
new file mode 100644
index 0000000..75d99a6
--- /dev/null
+++ b/web/pw-server/src/routes/docs/rules.md
@@ -0,0 +1,3 @@
+# Rules
+
+Hello welcome on the rules page
\ No newline at end of file
diff --git a/web/pw-server/svelte.config.js b/web/pw-server/svelte.config.js
index 197fa56..fe396f9 100644
--- a/web/pw-server/svelte.config.js
+++ b/web/pw-server/svelte.config.js
@@ -12,7 +12,10 @@ const config = {
   preprocess: [
     sveltePreprocess(),
     mdsvex({
-      extensions: ['.md']
+      extensions: ['.md'],
+      layout: {
+        docs: 'src/routes/docs/doc.svelte',
+      }
     }),
   ],
   extensions: ['.svelte', '.md'],