diff --git a/frontend/apps/editor3d/app/components/signaled/TopBar/TopBar.tsx b/frontend/apps/editor3d/app/components/signaled/TopBar/TopBar.tsx
index 19a3c42b16..e6c72556e9 100644
--- a/frontend/apps/editor3d/app/components/signaled/TopBar/TopBar.tsx
+++ b/frontend/apps/editor3d/app/components/signaled/TopBar/TopBar.tsx
@@ -27,18 +27,18 @@ export const TopBar = ({ pageName }: Props) => {
 
   return (
     <>
-      <header className="fixed left-0 top-0 z-30 w-full border-b border-ui-panel-border bg-ui-background">
+      <header className="fixed left-0 top-0 z-30 w-full border-b border-white/5 bg-ui-background">
         <nav
-          className="mx-auto grid h-[64px] w-screen grid-cols-3 items-center justify-between p-3"
+          className="mx-auto grid h-[56px] w-screen grid-cols-3 items-center justify-between px-3"
           aria-label="Global"
         >
           <div className="flex gap-4">
             <a href="/" className="">
-              <span className="sr-only">Storyteller.ai</span>
+              <span className="sr-only">ArtCraft</span>
               <img
-                className="h-[39px] w-auto pb-[3px]"
-                src="/resources/images/Storyteller-Logo-1.png"
-                alt="Logo StoryTeller.ai"
+                className="h-[28px] w-auto"
+                src="/resources/images/artcraft-logo.png"
+                alt="Logo ArtCraft"
               />
             </a>
             {!isEditorPath(currentLocation) && (
diff --git a/frontend/apps/editor3d/app/pages/PageEnigma/PageEditor.tsx b/frontend/apps/editor3d/app/pages/PageEnigma/PageEditor.tsx
index dbc23ab895..e35ee5524e 100644
--- a/frontend/apps/editor3d/app/pages/PageEnigma/PageEditor.tsx
+++ b/frontend/apps/editor3d/app/pages/PageEnigma/PageEditor.tsx
@@ -52,11 +52,11 @@ export const PageEditor = () => {
     : pageWidth.value - 84;
   const height =
     dndTimelineHeight.value > -1
-      ? pageHeight.value - dndTimelineHeight.value - 64
-      : pageHeight.value - timelineHeight.value - 64;
+      ? pageHeight.value - dndTimelineHeight.value - 56
+      : pageHeight.value - timelineHeight.value - 56;
 
   const getScale = () => {
-    const height = pageHeight.value - timelineHeight.value - 64;
+    const height = pageHeight.value - timelineHeight.value - 56;
     const scaleHeight = height < 610 ? height / 610 : 1;
 
     if (
diff --git a/frontend/apps/editor3d/app/pages/PageEnigma/comps/ControlPanelSceneObject/ControlPanelSceneObject.tsx b/frontend/apps/editor3d/app/pages/PageEnigma/comps/ControlPanelSceneObject/ControlPanelSceneObject.tsx
index fdad452469..346f4b73ec 100644
--- a/frontend/apps/editor3d/app/pages/PageEnigma/comps/ControlPanelSceneObject/ControlPanelSceneObject.tsx
+++ b/frontend/apps/editor3d/app/pages/PageEnigma/comps/ControlPanelSceneObject/ControlPanelSceneObject.tsx
@@ -164,7 +164,7 @@ export const ControlPanelSceneObject = () => {
   };
 
   const getScale = () => {
-    const height = pageHeight.value - timelineHeight.value - 64;
+    const height = pageHeight.value - timelineHeight.value - 56;
     return height < 620 ? height / 620 : 1;
   };
 
diff --git a/frontend/apps/editor3d/app/pages/PageEnigma/comps/Outliner/Outliner.tsx b/frontend/apps/editor3d/app/pages/PageEnigma/comps/Outliner/Outliner.tsx
index c8998e9300..93110ba77f 100644
--- a/frontend/apps/editor3d/app/pages/PageEnigma/comps/Outliner/Outliner.tsx
+++ b/frontend/apps/editor3d/app/pages/PageEnigma/comps/Outliner/Outliner.tsx
@@ -140,7 +140,7 @@ export const Outliner = () => {
 
   useEffect(() => {
     const updateEditorHeight = () => {
-      setEditorHeight(pageHeight.value - timelineHeight.value - 64);
+      setEditorHeight(pageHeight.value - timelineHeight.value - 56);
     };
 
     updateEditorHeight();
diff --git a/frontend/apps/editor3d/app/pages/PageEnigma/comps/PreviewFrameImage.tsx b/frontend/apps/editor3d/app/pages/PageEnigma/comps/PreviewFrameImage.tsx
index a765465f08..ee1ec5085f 100644
--- a/frontend/apps/editor3d/app/pages/PageEnigma/comps/PreviewFrameImage.tsx
+++ b/frontend/apps/editor3d/app/pages/PageEnigma/comps/PreviewFrameImage.tsx
@@ -27,7 +27,7 @@ export const PreviewFrameImage = () => {
               pageWidth.value -
               (sidePanelVisible.value ? sidePanelWidth.value : 0) -
               84,
-            height: pageHeight.value - timelineHeight.value - 64,
+            height: pageHeight.value - timelineHeight.value - 56,
           }}
         >
           <div className="relative flex h-full w-full flex-col items-center justify-center gap-5">
@@ -48,7 +48,7 @@ export const PreviewFrameImage = () => {
               pageWidth.value -
               (sidePanelVisible.value ? sidePanelWidth.value : 0) -
               84,
-            height: pageHeight.value - timelineHeight.value - 64,
+            height: pageHeight.value - timelineHeight.value - 56,
           }}
         />
       );
diff --git a/frontend/apps/editor3d/app/pages/PageEnigma/comps/SceneContainer/SceneContainer.tsx b/frontend/apps/editor3d/app/pages/PageEnigma/comps/SceneContainer/SceneContainer.tsx
index fb52a50062..bac8c8be03 100644
--- a/frontend/apps/editor3d/app/pages/PageEnigma/comps/SceneContainer/SceneContainer.tsx
+++ b/frontend/apps/editor3d/app/pages/PageEnigma/comps/SceneContainer/SceneContainer.tsx
@@ -11,7 +11,7 @@ export const SceneContainer = ({ children }: { children: React.ReactNode }) => {
 
   const containerWidth = pageWidth.value;
 
-  const containerHeight = pageHeight.value - timelineHeight.value - 64;
+  const containerHeight = pageHeight.value - timelineHeight.value - 56;
 
   const callbackRef = useCallback(
     (node: HTMLDivElement) => {
diff --git a/frontend/apps/editor3d/app/pages/PageEnigma/comps/SidePanelMenu/SidePanelMenu.tsx b/frontend/apps/editor3d/app/pages/PageEnigma/comps/SidePanelMenu/SidePanelMenu.tsx
index 75ece6b89c..49483755c9 100644
--- a/frontend/apps/editor3d/app/pages/PageEnigma/comps/SidePanelMenu/SidePanelMenu.tsx
+++ b/frontend/apps/editor3d/app/pages/PageEnigma/comps/SidePanelMenu/SidePanelMenu.tsx
@@ -35,7 +35,7 @@ export const SidePanelMenu = ({
         sidePanelVisible.value ? "border-transparent" : "border-[#363636]",
       )}
       style={{
-        height: pageHeight.value - 64,
+        height: pageHeight.value - 56,
       }}
     >
       <div className="flex w-full flex-col gap-2">
diff --git a/frontend/apps/editor3d/app/styles/base.css b/frontend/apps/editor3d/app/styles/base.css
index 6082b84f85..f30a6ccd2a 100644
--- a/frontend/apps/editor3d/app/styles/base.css
+++ b/frontend/apps/editor3d/app/styles/base.css
@@ -52,7 +52,7 @@ img {
 }
 
 .topbar-spacer {
-  height: 64px;
+  height: 56px;
   width: 100vw;
 }
 
diff --git a/frontend/apps/editor3d/public/resources/images/artcraft-logo-2.png b/frontend/apps/editor3d/public/resources/images/artcraft-logo-2.png
new file mode 100644
index 0000000000..5eb719865f
Binary files /dev/null and b/frontend/apps/editor3d/public/resources/images/artcraft-logo-2.png differ
diff --git a/frontend/apps/editor3d/public/resources/images/artcraft-logo.png b/frontend/apps/editor3d/public/resources/images/artcraft-logo.png
new file mode 100644
index 0000000000..d69b799189
Binary files /dev/null and b/frontend/apps/editor3d/public/resources/images/artcraft-logo.png differ