diff --git a/website/package.json b/website/package.json
index 7f9d6ad5c..23663e72b 100644
--- a/website/package.json
+++ b/website/package.json
@@ -23,6 +23,7 @@
     "@kkt/less-modules": "6.10.4",
     "@types/react": "17.0.13",
     "@types/react-dom": "17.0.8",
+    "@uiw/react-github-corners": "1.4.0",
     "kkt": "6.10.4"
   },
   "eslintConfig": {
diff --git a/website/public/index.html b/website/public/index.html
index a2884bfda..f432e363a 100644
--- a/website/public/index.html
+++ b/website/public/index.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using kktjs" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="description" content="Color picker component for React." />
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎨</text></svg>">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
diff --git a/website/public/logo192.png b/website/public/logo192.png
deleted file mode 100644
index fc44b0a37..000000000
Binary files a/website/public/logo192.png and /dev/null differ
diff --git a/website/public/logo512.png b/website/public/logo512.png
deleted file mode 100644
index a4e47a654..000000000
Binary files a/website/public/logo512.png and /dev/null differ
diff --git a/website/public/manifest.json b/website/public/manifest.json
deleted file mode 100644
index 080d6c77a..000000000
--- a/website/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/website/public/robots.txt b/website/public/robots.txt
deleted file mode 100644
index e9e57dc4d..000000000
--- a/website/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/website/src/App.tsx b/website/src/App.tsx
index 083968ce3..0cf868de5 100644
--- a/website/src/App.tsx
+++ b/website/src/App.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { Saturation, Sketch, Alpha, Hue, ShadeSlider, hsvaToHslaString } from '@uiw/react-color';
+import GitHubCorners from '@uiw/react-github-corners';
 import Markdown from '@uiw/react-markdown-preview';
 import logo from './logo.svg';
 import styles from './App.module.css';
@@ -11,6 +12,7 @@ export default function App() {
   console.log('mdStr:', mdStr);
   return (
     <div className={styles.app} style={{ backgroundColor: hsvaToHslaString(hsva) }}>
+      <GitHubCorners fixed size={56} target="_blank" href="https://github.com/uiwjs/react-color" />
       <div className={styles.warpper}>
         <header className={styles.header}>
           <img src={logo} className={styles.logo} alt="logo" />