diff --git a/km-console/packages/layout-clusters-fe/src/assets/page-no-license.png b/km-console/packages/layout-clusters-fe/src/assets/page-no-license.png
new file mode 100644
index 00000000..0f582b92
Binary files /dev/null and b/km-console/packages/layout-clusters-fe/src/assets/page-no-license.png differ
diff --git a/km-console/packages/layout-clusters-fe/src/assets/page403.png b/km-console/packages/layout-clusters-fe/src/assets/page403.png
new file mode 100644
index 00000000..58f32491
Binary files /dev/null and b/km-console/packages/layout-clusters-fe/src/assets/page403.png differ
diff --git a/km-console/packages/layout-clusters-fe/src/assets/page404.png b/km-console/packages/layout-clusters-fe/src/assets/page404.png
new file mode 100644
index 00000000..bc7c2c71
Binary files /dev/null and b/km-console/packages/layout-clusters-fe/src/assets/page404.png differ
diff --git a/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/NoLicense.tsx b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/NoLicense.tsx
new file mode 100644
index 00000000..e10b0608
--- /dev/null
+++ b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/NoLicense.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import pageNoLicense from '@src/assets/page-no-license.png';
+
+export default () => {
+  return (
+    <div className="error-page">
+      <img width={230} height={150} src={pageNoLicense} />
+      <div className="title">license 限制</div>
+    </div>
+  );
+};
diff --git a/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/Page403.tsx b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/Page403.tsx
new file mode 100644
index 00000000..07955f22
--- /dev/null
+++ b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/Page403.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import page403 from '@src/assets/page403.png';
+
+export default () => {
+  return (
+    <div className="error-page">
+      <img width={230} height={150} src={page403} />
+      <div className="title">抱歉，您没有权限访问该页面～</div>
+      <a className="link" href="/">
+        返回首页
+      </a>
+    </div>
+  );
+};
diff --git a/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/Page404.tsx b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/Page404.tsx
new file mode 100644
index 00000000..cfcaa922
--- /dev/null
+++ b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/Page404.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import page404 from '@src/assets/page404.png';
+
+export default () => {
+  return (
+    <div className="error-page">
+      <img width={230} height={150} src={page404} />
+      <div className="title">很抱歉，页面走丢了～</div>
+      <div className="desc">请检查页面地址是否正确或刷新页面</div>
+      <a className="link" href="/">
+        返回首页
+      </a>
+    </div>
+  );
+};
diff --git a/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/index.less b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/index.less
new file mode 100644
index 00000000..b38e7fbf
--- /dev/null
+++ b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/index.less
@@ -0,0 +1,25 @@
+.error-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: calc(100% - 48px);
+  > img {
+    margin-top: 165px;
+  }
+  .title {
+    margin: 16px 0;
+    font-family: @font-family-bold;
+    font-size: 18px;
+    color: #495057;
+    line-height: 25px;
+  }
+  .desc {
+    margin-bottom: 12px;
+    font-size: 13px;
+    color: #74788d;
+    font-weight: 400;
+  }
+  .link {
+    font-size: 15px;
+  }
+}
diff --git a/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/index.tsx
new file mode 100644
index 00000000..42d02b0e
--- /dev/null
+++ b/km-console/packages/layout-clusters-fe/src/pages/ErrorPages/index.tsx
@@ -0,0 +1,4 @@
+import './index.less';
+export { default as Page403 } from './Page403';
+export { default as Page404 } from './Page404';
+export { default as NoLicense } from './NoLicense';
diff --git a/km-console/packages/layout-clusters-fe/src/pages/NoLicense/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/NoLicense/index.tsx
deleted file mode 100644
index d881e38f..00000000
--- a/km-console/packages/layout-clusters-fe/src/pages/NoLicense/index.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import { Result } from 'knowdesign';
-import React from 'react';
-
-export default () => <Result status="403" title="No License" subTitle="很抱歉，您的 Licence 无法使用" />;