diff --git a/README.md b/README.md
index ef29f818..f4b6b368 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 ![](./public/og-image.png)
 
 # Sipe Design System 
-[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/sipe-team/side/blob/main/LICENSE) ![Tool Manager](https://img.shields.io/badge/mise-latest-purple?logo=mise) ![Package Manager](https://img.shields.io/badge/pnpm-10.33.0-orange?logo=pnpm) [![Storybook](https://img.shields.io/badge/Storybook-8.4.7-ff4785?logo=storybook)](https://storybook.sipe.team/?path=/docs/what-is-side--docs) ![Tests](https://img.shields.io/badge/Vitest-2.1.8-green?logo=vitest) [![codecov](https://codecov.io/gh/sipe-team/side/branch/changeset-release%2Fmain/graph/badge.svg?token=1TNLVUFPXC)](https://codecov.io/gh/sipe-team/side) <img alt="Github Stars" src="https://badgen.net/github/stars/sipe-team/side" /> 
+[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/sipe-team/side/blob/main/LICENSE) ![Tool Manager](https://img.shields.io/badge/mise-latest-purple?logo=mise) ![Package Manager](https://img.shields.io/badge/pnpm-10.33.0-orange?logo=pnpm) [![Storybook](https://img.shields.io/badge/Storybook-10.0.0-ff4785?logo=storybook)](https://side.storybook.sipe.team/?path=/docs/intro-what-is-side--docs) [![Docs](https://img.shields.io/badge/Docs-side.sipe.team-3ECC5F?logo=docusaurus)](https://side.sipe.team/) ![Tests](https://img.shields.io/badge/Vitest-2.1.8-green?logo=vitest) [![codecov](https://codecov.io/gh/sipe-team/side/branch/main/graph/badge.svg?token=1TNLVUFPXC)](https://codecov.io/gh/sipe-team/side) <img alt="Github Stars" src="https://badgen.net/github/stars/sipe-team/side" /> 
 
 Sipe Design System is a monorepo-based component library built to modernize and standardize the official Sipe website. Drawing inspiration from our existing design patterns, we're creating a robust, type-safe, and accessible component system that can be used across all Sipe projects.
 
diff --git a/docs/introduction.mdx b/docs/introduction.mdx
index 2fb05b4c..5a67f002 100644
--- a/docs/introduction.mdx
+++ b/docs/introduction.mdx
@@ -17,6 +17,13 @@ import { Typography } from '../packages/typography/src';
     </Typography>
   </div>
 
+  <div style={{ marginBottom: '32px' }}>
+    <Typography size={16}>
+      Looking for installation guides and the full component reference? Visit{' '}
+      <a href="https://side.sipe.team" style={{ color: '#00BFFF' }}>side.sipe.team</a>.
+    </Typography>
+  </div>
+
   <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '32px' }}>
     <img 
       src="./og-image.png"
diff --git a/www/docusaurus.config.ts b/www/docusaurus.config.ts
index a34f6b87..6790842a 100644
--- a/www/docusaurus.config.ts
+++ b/www/docusaurus.config.ts
@@ -27,7 +27,7 @@ export default {
   title: 'Side',
   tagline: 'Sipe Design System',
   favicon: 'img/favicon.ico',
-  url: 'https://sipe.team',
+  url: 'https://side.sipe.team',
   baseUrl: '/',
   organizationName: 'sipe-team',
   projectName: 'side',
@@ -105,6 +105,11 @@ export default {
           sidebarId: 'components',
           position: 'left',
         },
+        {
+          href: 'https://side.storybook.sipe.team',
+          label: 'Storybook',
+          position: 'right',
+        },
         {
           href: 'https://github.com/sipe-team/side',
           label: 'GitHub',
@@ -114,6 +119,7 @@ export default {
     },
     footer: {
       links: [
+        { label: 'Storybook', href: 'https://side.storybook.sipe.team' },
         { label: 'GitHub', href: 'https://github.com/sipe-team/side' },
         { label: 'sipe.team', href: 'https://sipe.team' },
       ],