diff --git a/src/App.jsx b/src/App.jsx
index 3b825a1..bff1d1e 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -2,9 +2,7 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import Editor from "./pages/Editor";
 import Survey from "./pages/Survey";
 import BugReport from "./pages/BugReport";
-import SignUp from "./pages/Signup";
 import Shortcuts from "./pages/Shortcuts";
-import Login from "./pages/Login";
 import Templates from "./pages/Templates";
 import Home from "./pages/Home";
 import { CookiesProvider } from "react-cookie";
@@ -19,8 +17,6 @@ function App() {
           <Route path="/survey" element={<Survey />} />
           <Route path="/shortcuts" element={<Shortcuts />} />
           <Route path="/bug_report" element={<BugReport />} />
-          <Route path="/signup" element={<SignUp />} />
-          <Route path="/login" element={<Login />} />
           <Route path="/templates" element={<Templates />} />
         </Routes>
       </Router>
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index fc24522..5cad0fc 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -15,37 +15,23 @@ export default function Navbar() {
             <img src={logo} alt="logo" className="me-2 sm:h-[32px]" />
           </Link>
           <div className="md:hidden">
-            <Link className="ms-4 text-lg font-semibold hover:text-indigo-700">
+            <Link className="ms-6 text-lg font-semibold hover:text-indigo-700">
               Features
             </Link>
             <Link
               to="/editor"
-              className="ms-4 text-lg font-semibold hover:text-indigo-700"
+              className="ms-6 text-lg font-semibold hover:text-indigo-700"
             >
               Editor
             </Link>
             <Link
               to="/templates"
-              className="ms-4 text-lg font-semibold hover:text-indigo-700"
+              className="ms-6 text-lg font-semibold hover:text-indigo-700"
             >
               Templates
             </Link>
-            <Link className="ms-4 text-lg font-semibold hover:text-indigo-700">
-              Download
-            </Link>
           </div>
         </div>
-        <div className="md:hidden">
-          <Link to="/login" className="me-5 font-semibold">
-            Log in
-          </Link>
-          <Link
-            to="/signup"
-            className="px-6 py-3 bg-[#386b8f] hover:bg-[#4e8bb6] text-white font-semibold rounded-md"
-          >
-            Sign up
-          </Link>
-        </div>
         <button
           onClick={() => setOpenMenu((prev) => !prev)}
           className="hidden md:inline-block h-[24px]"
@@ -60,34 +46,24 @@ export default function Navbar() {
         onCancel={() => setOpenMenu(false)}
         width={window.innerWidth}
       >
-        <Link className="hover:bg-zinc-100 block p-3 text-lg font-semibold">
+        <Link className="hover:bg-zinc-100 block p-3 text-base font-semibold">
           Features
         </Link>
         <hr />
         <Link
           to="/editor"
-          className="hover:bg-zinc-100 block p-3 text-lg font-semibold"
+          className="hover:bg-zinc-100 block p-3 text-base font-semibold"
         >
           Editor
         </Link>
         <hr />
         <Link
           to="/templates"
-          className="hover:bg-zinc-100 block p-3 text-lg font-semibold"
+          className="hover:bg-zinc-100 block p-3 text-base font-semibold"
         >
           Templates
         </Link>
         <hr />
-        <Link className="hover:bg-zinc-100 block p-3 text-lg font-semibold">
-          Download
-        </Link>
-        <hr />
-        <Link
-          to="/login"
-          className="hover:bg-zinc-100 block p-3 text-lg font-semibold text-indigo-700"
-        >
-          Log in
-        </Link>
       </SideSheet>
     </>
   );
diff --git a/src/components/AuthCanvas.jsx b/src/components/SimpleCanvas.jsx
similarity index 100%
rename from src/components/AuthCanvas.jsx
rename to src/components/SimpleCanvas.jsx
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index 93af42a..90a42d1 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -4,7 +4,7 @@ import logo from "../assets/icon_dark_64.png";
 import google_logo from "../assets/google.png";
 import github_logo from "../assets/github.png";
 import axios from "axios";
-import Canvas from "../components/AuthCanvas";
+import Canvas from "../components/SimpleCanvas";
 import { diagram } from "../data/loginDiagram";
 
 import { useCookies } from "react-cookie";
diff --git a/src/pages/Signup.jsx b/src/pages/Signup.jsx
index 85be38d..16ade34 100644
--- a/src/pages/Signup.jsx
+++ b/src/pages/Signup.jsx
@@ -5,7 +5,7 @@ import google_logo from "../assets/google.png";
 import github_logo from "../assets/github.png";
 import axios from "axios";
 import { Toast } from "@douyinfe/semi-ui";
-import Canvas from "../components/AuthCanvas";
+import Canvas from "../components/SimpleCanvas";
 import { diagram } from "../data/signupDiagram";
 
 export default function SignUp() {