diff --git a/apps/docs/src/pages/404.tsx b/apps/docs/src/pages/404.tsx
new file mode 100644
index 00000000..39c0ff8b
--- /dev/null
+++ b/apps/docs/src/pages/404.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import Link from 'next/link'
+import { Layout } from 'src/component/common'
+import { Button, Flex, Heading, Text } from '@pillar-ui/core'
+
+export default function Custom404() {
+ return (
+
+
+
+ 404 - Page Not Found
+
+
+ The page you're looking for has wandered into the digital abyss. But worry not! The UI guardians are here
+ to guide you back.
+
+
+
+
+ )
+}
diff --git a/apps/docs/src/pages/_document.tsx b/apps/docs/src/pages/_document.tsx
index e678e790..10afc6d3 100644
--- a/apps/docs/src/pages/_document.tsx
+++ b/apps/docs/src/pages/_document.tsx
@@ -3,7 +3,24 @@ import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
-