diff --git a/site/src/App.js b/site/src/App.js
index 331da26e..09388c27 100644
--- a/site/src/App.js
+++ b/site/src/App.js
@@ -1,6 +1,6 @@
 import SignupForm from "./components/SignupForm";
 import { Main } from './App.style.js';
-import mesheryPlayground from "./assets/images/meshery-playground-meshmap.png";
+import mesheryPlayground from "./assets/images/meshery-playground-kanvas.png";
 import Footer from "./components/Footer";
 import { ThemeProvider } from "styled-components";
 import { darkTheme, GlobalStyle, lightTheme } from './index.style.js';
diff --git a/site/src/assets/data/faq/index.js b/site/src/assets/data/faq/index.js
index 69c7c22f..9b7cd1b2 100644
--- a/site/src/assets/data/faq/index.js
+++ b/site/src/assets/data/faq/index.js
@@ -30,7 +30,7 @@ const data = {
       category: "Meshery Playground",
       answer: `
 - No, all of the designs that you have created in the Meshery Playground are saved to your user account and will be available to you each time that you sign into your account. Your designs will be available in the Meshery Playground and any your other Meshery deployments, too.
-- In other words, all work done in MeshMap Designer is persisted to your user account.
+- In other words, all work done in Kanvas Designer is persisted to your user account.
       `,
     },
     {
@@ -39,7 +39,7 @@ const data = {
       category: "Meshery Playground",
       answer: `
 - Yes, the Meshery Playground clusters are reset on a daily basis. However, only deployments (not designs) that you may have created will be lost.
-- In other words, only MeshMap Visualizer is reset. All of your work in Meshery UI and MeshMap Designer will remain in your user account.
+- In other words, only Kanvas Visualizer is reset. All of your work in Meshery UI and Kanvas Designer will remain in your user account.
       `,
     },
     {
@@ -51,11 +51,11 @@ const data = {
       `,
     },
     // {
-    //     question: "What is the difference between the Cloud Native Playground and MeshMap?",
+    //     question: "What is the difference between the Cloud Native Playground and Kanvas?",
     //     category: "Meshery Playground",
     //     answer: [
-    //         "The Cloud Native Playground (aka Meshery Playground) is a managed instance of Meshery that offers a sandbox environment in which half of MeshMap functionality is enabled (Designer mode) and the other half of MeshMap functionality is disabled (Visualizer mode).",
-    //         "The sandbox environment is not connected to an active Kuberentes cluster, and as such, depending upon which Meshery Playgrouns environment you use specific actions within MeshMap Designer are also disabled. Meshery and MeshMap are feature-rich, sophisticated management applications for cloud native infrastructure. To access their full set of capabilities, simply deploy your own copy of Meshery into the environment of your choosing.",
+    //         "The Cloud Native Playground (aka Meshery Playground) is a managed instance of Meshery that offers a sandbox environment in which half of Kanvas functionality is enabled (Designer mode) and the other half of Kanvas functionality is disabled (Visualizer mode).",
+    //         "The sandbox environment is not connected to an active Kuberentes cluster, and as such, depending upon which Meshery Playgrouns environment you use specific actions within Kanvas Designer are also disabled. Meshery and Kanvas are feature-rich, sophisticated management applications for cloud native infrastructure. To access their full set of capabilities, simply deploy your own copy of Meshery into the environment of your choosing.",
     //     ],
     // },
     {
diff --git a/site/src/assets/images/meshery-playground-kanvas.png b/site/src/assets/images/meshery-playground-kanvas.png
new file mode 100644
index 00000000..ba5213fb
Binary files /dev/null and b/site/src/assets/images/meshery-playground-kanvas.png differ
diff --git a/site/src/assets/images/meshery-playground-meshmap.png b/site/src/assets/images/meshery-playground-meshmap.png
deleted file mode 100644
index 7948fd6d..00000000
Binary files a/site/src/assets/images/meshery-playground-meshmap.png and /dev/null differ
diff --git a/site/src/components/Navigation/MeshMapIcon.js b/site/src/components/Navigation/KanvasIcon.js
similarity index 98%
rename from site/src/components/Navigation/MeshMapIcon.js
rename to site/src/components/Navigation/KanvasIcon.js
index 44d02d54..0ef5893c 100644
--- a/site/src/components/Navigation/MeshMapIcon.js
+++ b/site/src/components/Navigation/KanvasIcon.js
@@ -1,6 +1,6 @@
 import React from "react";
 
-function MeshMapIcon() {
+function KanvasIcon() {
   return (
     <svg
       width="24px"
@@ -120,4 +120,4 @@ function MeshMapIcon() {
   );
 }
 
-export default MeshMapIcon;
+export default KanvasIcon;
diff --git a/site/src/components/Navigation/index.js b/site/src/components/Navigation/index.js
index 8a18d9b7..059a2881 100644
--- a/site/src/components/Navigation/index.js
+++ b/site/src/components/Navigation/index.js
@@ -6,7 +6,7 @@ import { Toggle } from "../Toggle";
 import axios from "axios";
 import DefaultAvatar from "./DefaultAvatar";
 import CloudIcon from "./CloudIcon";
-import MeshMapIcon from "./MeshMapIcon";
+import KanvasIcon from "./KanvasIcon";
 import LogoutIcon from "./LogoutIcon";
 function Navigation({ theme, toggleTheme, showSignUpButton }) {
   const [userData, setUserData] = useState(null);
@@ -136,7 +136,7 @@ setScroll((window.scrollY || window.pageYOffset) > 50)
                   className="drop-item"
                   href="https://playground.meshery.io"
                 >
-                  <MeshMapIcon /> Playground
+                  <KanvasIcon /> Playground
                 </a>
                 <a
                   href="/"