diff --git a/src/routes/contacts/page.stories.ts b/src/routes/contacts/page.stories.ts
new file mode 100644
index 0000000..47c20d7
--- /dev/null
+++ b/src/routes/contacts/page.stories.ts
@@ -0,0 +1,15 @@
+import Page from './+page.svelte';
+import Layout from '@/routes/+layout.svelte';
+import LayoutDecorator from '$lib/storybook-utils/LayoutDecorator.svelte';
+
+export default {
+  title: 'Pages/Contacts',
+  component: Page,
+  parameters: {
+    layout: 'fullscreen',
+    backgrounds: { default: 'clear' }
+  },
+  decorators: [() => Layout, () => LayoutDecorator]
+};
+
+export const Contacts = {};
diff --git a/src/routes/page.stories.ts b/src/routes/page.stories.ts
index 89efe60..f3a9342 100644
--- a/src/routes/page.stories.ts
+++ b/src/routes/page.stories.ts
@@ -6,7 +6,8 @@ export default {
   title: 'Pages/HomePage',
   component: Page,
   parameters: {
-    layout: 'fullscreen'
+    layout: 'fullscreen',
+    backgrounds: { default: 'clear' }
   },
   decorators: [() => Layout, () => LayoutDecorator]
 };