diff --git a/apps/web/core/components/issues/workspace-draft/empty-state.tsx b/apps/web/core/components/issues/workspace-draft/empty-state.tsx
index 3cd990d07a..20acd2f322 100644
--- a/apps/web/core/components/issues/workspace-draft/empty-state.tsx
+++ b/apps/web/core/components/issues/workspace-draft/empty-state.tsx
@@ -23,7 +23,7 @@ export const WorkspaceDraftEmptyState: FC = observer(() => {
     [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER],
     EUserPermissionsLevel.WORKSPACE
   );
-  const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/onboarding/cycles" });
+  const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/draft/draft-issues-empty" });
 
   return (
     <Fragment>
diff --git a/apps/web/core/components/pages/pages-list-main-content.tsx b/apps/web/core/components/pages/pages-list-main-content.tsx
index 53d1747215..ab804a6498 100644
--- a/apps/web/core/components/pages/pages-list-main-content.tsx
+++ b/apps/web/core/components/pages/pages-list-main-content.tsx
@@ -12,9 +12,6 @@ import { useCommandPalette, useUserPermissions } from "@/hooks/store";
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
 // plane web hooks
 import { EPageStoreType, usePageStore } from "@/plane-web/hooks/store";
-// assets
-import AllFiltersImage from "@/public/empty-state/pages/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/pages/name-filter.svg";
 
 const storeType = EPageStoreType.PROJECT;
 
@@ -113,13 +110,18 @@ export const ProjectPagesListMainContent: React.FC<Props> = observer((props) =>
         />
       );
   }
+  const resolvedFiltersImage = useResolvedAssetPath({ basePath: "/empty-state/pages/all-filters", extension: "svg" });
+  const resolvedNameFilterImage = useResolvedAssetPath({
+    basePath: "/empty-state/pages/name-filter",
+    extension: "svg",
+  });
   // if no pages match the filter criteria
   if (filteredPageIds?.length === 0)
     return (
       <div className="h-full w-full grid place-items-center">
         <div className="text-center">
           <Image
-            src={filters.searchQuery.length > 0 ? NameFilterImage : AllFiltersImage}
+            src={filters.searchQuery.length > 0 ? resolvedNameFilterImage : resolvedFiltersImage}
             className="h-36 sm:h-48 w-36 sm:w-48 mx-auto"
             alt="No matching modules"
           />
diff --git a/apps/web/core/components/project/card-list.tsx b/apps/web/core/components/project/card-list.tsx
index d2c1f7dad8..9803ebe658 100644
--- a/apps/web/core/components/project/card-list.tsx
+++ b/apps/web/core/components/project/card-list.tsx
@@ -12,9 +12,6 @@ import { captureClick } from "@/helpers/event-tracker.helper";
 // hooks
 import { useCommandPalette, useProject, useProjectFilter, useUserPermissions } from "@/hooks/store";
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
-// assets
-import AllFiltersImage from "@/public/empty-state/project/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/project/name-filter.svg";
 
 type TProjectCardListProps = {
   totalProjectIds?: string[];
@@ -74,12 +71,18 @@ export const ProjectCardList = observer((props: TProjectCardListProps) => {
       />
     );
 
+  const resolvedFiltersImage = useResolvedAssetPath({ basePath: "/empty-state/project/all-filters", extension: "svg" });
+  const resolvedNameFilterImage = useResolvedAssetPath({
+    basePath: "/empty-state/project/name-filter",
+    extension: "svg",
+  });
+
   if (filteredProjectIds.length === 0)
     return (
       <div className="grid h-full w-full place-items-center">
         <div className="text-center">
           <Image
-            src={searchQuery.trim() === "" ? AllFiltersImage : NameFilterImage}
+            src={searchQuery.trim() === "" ? resolvedFiltersImage : resolvedNameFilterImage}
             className="mx-auto h-36 w-36 sm:h-48 sm:w-48"
             alt="No matching projects"
           />
diff --git a/apps/web/ee/components/pages/list/root.tsx b/apps/web/ee/components/pages/list/root.tsx
index a70a1fe70b..e8afb8e2cf 100644
--- a/apps/web/ee/components/pages/list/root.tsx
+++ b/apps/web/ee/components/pages/list/root.tsx
@@ -16,9 +16,6 @@ import { useCommandPalette, useUserPermissions } from "@/hooks/store";
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
 // plane web hooks
 import { EPageStoreType, usePageStore } from "@/plane-web/hooks/store";
-// assets
-import AllFiltersImage from "@/public/empty-state/pages/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/pages/name-filter.svg";
 
 type Props = {
   pageType: TPageNavigationTabs;
@@ -172,13 +169,19 @@ export const WikiPagesListLayoutRoot: React.FC<Props> = observer((props) => {
     );
   }
 
+  const resolvedFiltersImage = useResolvedAssetPath({ basePath: "/empty-state/pages/all-filters", extension: "svg" });
+  const resolvedNameFilterImage = useResolvedAssetPath({
+    basePath: "/empty-state/pages/name-filter",
+    extension: "svg",
+  });
+
   // if no pages match the filter criteria
   if (filters.searchQuery && pageIds.length === 0)
     return (
       <div className="h-full w-full grid place-items-center">
         <div className="text-center">
           <Image
-            src={filters.searchQuery.length > 0 ? NameFilterImage : AllFiltersImage}
+            src={filters.searchQuery.length > 0 ? resolvedNameFilterImage : resolvedFiltersImage}
             className="h-36 sm:h-48 w-36 sm:w-48 mx-auto"
             alt="No matching pages"
           />
diff --git a/apps/web/ee/components/projects/layouts/project-layout-HOC.tsx b/apps/web/ee/components/projects/layouts/project-layout-HOC.tsx
index bf4d7e5aa7..83cde1fd7c 100644
--- a/apps/web/ee/components/projects/layouts/project-layout-HOC.tsx
+++ b/apps/web/ee/components/projects/layouts/project-layout-HOC.tsx
@@ -16,7 +16,6 @@ import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
 import { useProjectFilter, useWorkspaceProjectStates } from "@/plane-web/hooks/store";
 import { EProjectLayouts } from "@/plane-web/types/workspace-project-filters";
 // assets
-import AllFiltersImage from "@/public/empty-state/project/all-filters.svg";
 
 const ActiveLoader = (props: { layout: EProjectLayouts }) => {
   const { layout } = props;
@@ -54,6 +53,8 @@ export const ProjectLayoutHOC = observer((props: Props) => {
   const { allowPermissions } = useUserPermissions();
   // derived values
   const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/onboarding/projects" });
+  const resolvedFiltersImage = useResolvedAssetPath({ basePath: "/empty-state/project/all-filters", extension: "svg" });
+
   const hasProjectMemberPermissions = allowPermissions(
     [EUserProjectRoles.ADMIN, EUserProjectRoles.MEMBER],
     EUserPermissionsLevel.WORKSPACE
@@ -89,7 +90,7 @@ export const ProjectLayoutHOC = observer((props: Props) => {
     return (
       <div className="grid h-full w-full place-items-center">
         <div className="text-center">
-          <Image src={AllFiltersImage} className="mx-auto h-36 w-36 sm:h-48 sm:w-48" alt="No matching projects" />
+          <Image src={resolvedFiltersImage} className="mx-auto h-36 w-36 sm:h-48 sm:w-48" alt="No matching projects" />
           <h5 className="mb-1 mt-7 text-xl font-medium">No matching projects</h5>
           <p className="whitespace-pre-line text-base text-custom-text-400">
             {`No projects detected with the matching\ncriteria. Create a new project instead`}
diff --git a/apps/web/ee/components/teamspaces/list/teamspaces-list.tsx b/apps/web/ee/components/teamspaces/list/teamspaces-list.tsx
index 8bcd743891..8c7e47a847 100644
--- a/apps/web/ee/components/teamspaces/list/teamspaces-list.tsx
+++ b/apps/web/ee/components/teamspaces/list/teamspaces-list.tsx
@@ -13,9 +13,6 @@ import { useCommandPalette, useUserPermissions } from "@/hooks/store";
 // plane web hooks
 import { useResolvedAssetPath } from "@/hooks/use-resolved-asset-path";
 import { useTeamspaces, useTeamspaceFilter } from "@/plane-web/hooks/store";
-// assets
-import AllFiltersImage from "@/public/empty-state/project/all-filters.svg";
-import NameFilterImage from "@/public/empty-state/project/name-filter.svg";
 // components
 import { TeamsLoader } from "./loader";
 import { TeamspaceListItem } from "./teamspace-list-item";
@@ -40,6 +37,11 @@ export const TeamspacesList = observer((props: TTeamspacesListProps) => {
     EUserPermissionsLevel.WORKSPACE
   );
   const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/teams/teams" });
+  const resolvedFiltersImage = useResolvedAssetPath({ basePath: "/empty-state/project/all-filters", extension: "svg" });
+  const resolvedNameFilterImage = useResolvedAssetPath({
+    basePath: "/empty-state/project/name-filter",
+    extension: "svg",
+  });
 
   if (!allTeamSpaceIds || loader === "init-loader") return <TeamsLoader />;
 
@@ -67,7 +69,7 @@ export const TeamspacesList = observer((props: TTeamspacesListProps) => {
       <div className="grid h-full w-full place-items-center">
         <div className="text-center">
           <Image
-            src={searchQuery.trim() === "" ? AllFiltersImage : NameFilterImage}
+            src={searchQuery.trim() === "" ? resolvedFiltersImage : resolvedNameFilterImage}
             className="mx-auto h-36 w-36 sm:h-48 sm:w-48"
             alt="No matching teamspace"
           />
diff --git a/apps/web/public/empty-state/pages/all-filters-dark.svg b/apps/web/public/empty-state/pages/all-filters-dark.svg
new file mode 100644
index 0000000000..037a2fd6f2
--- /dev/null
+++ b/apps/web/public/empty-state/pages/all-filters-dark.svg
@@ -0,0 +1,50 @@
+<svg width="205" height="205" viewBox="0 0 205 205" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_935_236572)">
+<circle cx="102.5" cy="102.5" r="102.5" fill="url(#paint0_linear_935_236572)"/>
+<path d="M120.5 44.667H67.9997C64.9055 44.667 61.938 45.8962 59.7501 48.0841C57.5622 50.272 56.333 53.2395 56.333 56.3337V149.667C56.333 152.761 57.5622 155.729 59.7501 157.917C61.938 160.104 64.9055 161.334 67.9997 161.334H138C141.094 161.334 144.061 160.104 146.249 157.917C148.437 155.729 149.666 152.761 149.666 149.667V73.8337L120.5 44.667Z" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M114.667 44.667V68.0003C114.667 71.0945 115.896 74.062 118.084 76.2499C120.272 78.4378 123.239 79.667 126.334 79.667H149.667" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M91.3337 85.5H79.667" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.334 108.833H79.667" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.334 132.167H79.667" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_ddd_935_236572)">
+<circle cx="103.254" cy="173.828" r="31" fill="#006399"/>
+<path d="M88 164H118" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M94.667 174H111.334" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M99.667 184H106.334" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_ddd_935_236572" x="64.2539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_935_236572"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_935_236572"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_935_236572"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_935_236572" result="effect2_dropShadow_935_236572"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_935_236572"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_935_236572" result="effect3_dropShadow_935_236572"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_935_236572" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_935_236572" x1="102.5" y1="0" x2="102.5" y2="207.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#343434"/>
+<stop offset="1" stop-color="#171717" stop-opacity="0.16"/>
+</linearGradient>
+<clipPath id="clip0_935_236572">
+<rect width="205" height="205" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/web/public/empty-state/pages/all-filters-light.svg b/apps/web/public/empty-state/pages/all-filters-light.svg
new file mode 100644
index 0000000000..8ecd8d2e63
--- /dev/null
+++ b/apps/web/public/empty-state/pages/all-filters-light.svg
@@ -0,0 +1,45 @@
+<svg width="205" height="217" viewBox="0 0 205 217" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="102.5" cy="102.5" r="102.5" fill="url(#paint0_linear_935_236561)"/>
+<path d="M120.5 44.667H67.9997C64.9055 44.667 61.938 45.8962 59.7501 48.0841C57.5622 50.272 56.333 53.2395 56.333 56.3337V149.667C56.333 152.761 57.5622 155.729 59.7501 157.917C61.938 160.104 64.9055 161.334 67.9997 161.334H138C141.094 161.334 144.061 160.104 146.249 157.917C148.437 155.729 149.666 152.761 149.666 149.667V73.8337L120.5 44.667Z" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M114.667 44.667V68.0003C114.667 71.0945 115.896 74.062 118.084 76.2499C120.272 78.4378 123.239 79.667 126.334 79.667H149.667" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M91.3337 85.5H79.667" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.334 108.833H79.667" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.334 132.167H79.667" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_ddd_935_236561)">
+<circle cx="103.254" cy="173.828" r="31" fill="#006399"/>
+<path d="M88 164H118" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M94.667 174H111.334" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M99.667 184H106.334" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_ddd_935_236561" x="64.2539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_935_236561"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_935_236561"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_935_236561"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_935_236561" result="effect2_dropShadow_935_236561"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_935_236561"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_935_236561" result="effect3_dropShadow_935_236561"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_935_236561" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_935_236561" x1="102.5" y1="0" x2="102.5" y2="207.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7F7F7"/>
+<stop offset="1" stop-color="#F8F9FA" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/empty-state/pages/all-filters.svg b/apps/web/public/empty-state/pages/all-filters.svg
deleted file mode 100644
index d0ecffbc69..0000000000
--- a/apps/web/public/empty-state/pages/all-filters.svg
+++ /dev/null
@@ -1,45 +0,0 @@
-<svg width="206" height="217" viewBox="0 0 206 217" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="103.5" cy="102.5" r="102.5" fill="url(#paint0_linear_8002_162251)"/>
-<path d="M118.625 40.5H65.5C62.1848 40.5 59.0054 41.817 56.6612 44.1612C54.317 46.5054 53 49.6848 53 53V153C53 156.315 54.317 159.495 56.6612 161.839C59.0054 164.183 62.1848 165.5 65.5 165.5H140.5C143.815 165.5 146.995 164.183 149.339 161.839C151.683 159.495 153 156.315 153 153V74.875L118.625 40.5Z" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M115.5 40.5V78H153" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M128 109.25H78" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M128 134.25H78" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M90.5 84.25H78" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<g filter="url(#filter0_ddd_8002_162251)">
-<circle cx="103.754" cy="173.828" r="31" fill="#3A5BC7"/>
-<path d="M92.75 166.5H115.25" stroke="#F9F9FB" stroke-width="3.57143" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M97.75 174H110.25" stroke="#F9F9FB" stroke-width="3.57143" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M101.5 181.5H106.5" stroke="#F9F9FB" stroke-width="3.57143" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<filter id="filter0_ddd_8002_162251" x="64.7539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_8002_162251"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="1.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8002_162251"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_8002_162251"/>
-<feOffset dy="3"/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow_8002_162251" result="effect2_dropShadow_8002_162251"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_8002_162251"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="8"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
-<feBlend mode="normal" in2="effect2_dropShadow_8002_162251" result="effect3_dropShadow_8002_162251"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_8002_162251" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_8002_162251" x1="103.5" y1="0" x2="103.5" y2="207.52" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F7F7F7"/>
-<stop offset="1" stop-color="#F8F9FA" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/apps/web/public/empty-state/pages/name-filter-dark.svg b/apps/web/public/empty-state/pages/name-filter-dark.svg
new file mode 100644
index 0000000000..969a1fe6e8
--- /dev/null
+++ b/apps/web/public/empty-state/pages/name-filter-dark.svg
@@ -0,0 +1,49 @@
+<svg width="205" height="205" viewBox="0 0 205 205" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_935_236535)">
+<circle cx="102.5" cy="102.5" r="102.5" fill="url(#paint0_linear_935_236535)"/>
+<path d="M120.5 44.667H67.9997C64.9055 44.667 61.938 45.8962 59.7501 48.0841C57.5622 50.272 56.333 53.2395 56.333 56.3337V149.667C56.333 152.761 57.5622 155.729 59.7501 157.917C61.938 160.104 64.9055 161.334 67.9997 161.334H138C141.094 161.334 144.061 160.104 146.249 157.917C148.437 155.729 149.666 152.761 149.666 149.667V73.8337L120.5 44.667Z" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M114.667 44.667V68.0003C114.667 71.0945 115.896 74.062 118.084 76.2499C120.272 78.4378 123.239 79.667 126.334 79.667H149.667" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M91.3337 85.5H79.667" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.334 108.833H79.667" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.334 132.167H79.667" stroke="#4E4E54" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_ddd_935_236535)">
+<circle cx="103.254" cy="173.828" r="31" fill="#006399"/>
+<path d="M101.573 185.582C108.992 185.582 115.006 179.568 115.006 172.149C115.006 164.73 108.992 158.716 101.573 158.716C94.154 158.716 88.1396 164.73 88.1396 172.149C88.1396 179.568 94.154 185.582 101.573 185.582Z" stroke="#1C2024" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M118.364 188.94L111.144 181.72" stroke="#1C2024" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_ddd_935_236535" x="64.2539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_935_236535"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_935_236535"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_935_236535"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_935_236535" result="effect2_dropShadow_935_236535"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_935_236535"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_935_236535" result="effect3_dropShadow_935_236535"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_935_236535" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_935_236535" x1="102.5" y1="0" x2="102.5" y2="207.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#343434"/>
+<stop offset="1" stop-color="#171717" stop-opacity="0.16"/>
+</linearGradient>
+<clipPath id="clip0_935_236535">
+<rect width="205" height="205" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/web/public/empty-state/pages/name-filter-light.svg b/apps/web/public/empty-state/pages/name-filter-light.svg
new file mode 100644
index 0000000000..bc2465ae22
--- /dev/null
+++ b/apps/web/public/empty-state/pages/name-filter-light.svg
@@ -0,0 +1,44 @@
+<svg width="205" height="217" viewBox="0 0 205 217" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="102.5" cy="102.5" r="102.5" fill="url(#paint0_linear_935_236528)"/>
+<path d="M120.5 44.667H67.9997C64.9055 44.667 61.938 45.8962 59.7501 48.0841C57.5622 50.272 56.333 53.2395 56.333 56.3337V149.667C56.333 152.761 57.5622 155.729 59.7501 157.917C61.938 160.104 64.9055 161.334 67.9997 161.334H138C141.094 161.334 144.061 160.104 146.249 157.917C148.437 155.729 149.666 152.761 149.666 149.667V73.8337L120.5 44.667Z" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M114.667 44.667V68.0003C114.667 71.0945 115.896 74.062 118.084 76.2499C120.272 78.4378 123.239 79.667 126.334 79.667H149.667" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M91.3337 85.5H79.667" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.334 108.833H79.667" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.334 132.167H79.667" stroke="#D1D6E0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_ddd_935_236528)">
+<circle cx="103.254" cy="173.828" r="31" fill="#006399"/>
+<path d="M101.575 185.582C108.994 185.582 115.008 179.568 115.008 172.149C115.008 164.73 108.994 158.716 101.575 158.716C94.1559 158.716 88.1416 164.73 88.1416 172.149C88.1416 179.568 94.1559 185.582 101.575 185.582Z" stroke="white" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M118.366 188.94L111.146 181.72" stroke="white" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_ddd_935_236528" x="64.2539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_935_236528"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_935_236528"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_935_236528"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_935_236528" result="effect2_dropShadow_935_236528"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_935_236528"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_935_236528" result="effect3_dropShadow_935_236528"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_935_236528" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_935_236528" x1="102.5" y1="0" x2="102.5" y2="207.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7F7F7"/>
+<stop offset="1" stop-color="#F8F9FA" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/empty-state/pages/name-filter.svg b/apps/web/public/empty-state/pages/name-filter.svg
deleted file mode 100644
index 2d8ff017d9..0000000000
--- a/apps/web/public/empty-state/pages/name-filter.svg
+++ /dev/null
@@ -1,44 +0,0 @@
-<svg width="206" height="217" viewBox="0 0 206 217" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="103.5" cy="102.5" r="102.5" fill="url(#paint0_linear_8002_161873)"/>
-<path d="M118.625 40.5H65.5C62.1848 40.5 59.0054 41.817 56.6612 44.1612C54.317 46.5054 53 49.6848 53 53V153C53 156.315 54.317 159.495 56.6612 161.839C59.0054 164.183 62.1848 165.5 65.5 165.5H140.5C143.815 165.5 146.995 164.183 149.339 161.839C151.683 159.495 153 156.315 153 153V74.875L118.625 40.5Z" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M115.5 40.5V78H153" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M128 109.25H78" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M128 134.25H78" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M90.5 84.25H78" stroke="#80838D" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<g filter="url(#filter0_ddd_8002_161873)">
-<circle cx="103.754" cy="173.828" r="31" fill="#3A5BC7"/>
-<path d="M102.075 185.582C109.494 185.582 115.508 179.567 115.508 172.148C115.508 164.729 109.494 158.715 102.075 158.715C94.6559 158.715 88.6416 164.729 88.6416 172.148C88.6416 179.567 94.6559 185.582 102.075 185.582Z" stroke="white" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M118.866 188.939L111.646 181.719" stroke="white" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<filter id="filter0_ddd_8002_161873" x="64.7539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_8002_161873"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="1.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8002_161873"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_8002_161873"/>
-<feOffset dy="3"/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow_8002_161873" result="effect2_dropShadow_8002_161873"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_8002_161873"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="8"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
-<feBlend mode="normal" in2="effect2_dropShadow_8002_161873" result="effect3_dropShadow_8002_161873"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_8002_161873" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_8002_161873" x1="103.5" y1="0" x2="103.5" y2="207.52" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F7F7F7"/>
-<stop offset="1" stop-color="#F8F9FA" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/apps/web/public/empty-state/project/all-filters-dark.svg b/apps/web/public/empty-state/project/all-filters-dark.svg
new file mode 100644
index 0000000000..e0d69c46ca
--- /dev/null
+++ b/apps/web/public/empty-state/project/all-filters-dark.svg
@@ -0,0 +1,47 @@
+<svg width="205" height="205" viewBox="0 0 205 205" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_940_236606)">
+<circle cx="102.5" cy="102.5" r="102.5" fill="url(#paint0_linear_940_236606)"/>
+<path d="M152.5 64.75H52.5C45.5964 64.75 40 70.3464 40 77.25V139.75C40 146.654 45.5964 152.25 52.5 152.25H152.5C159.404 152.25 165 146.654 165 139.75V77.25C165 70.3464 159.404 64.75 152.5 64.75Z" stroke="#4E4E54" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M127.5 152.25V52.25C127.5 48.9348 126.183 45.7554 123.839 43.4112C121.495 41.067 118.315 39.75 115 39.75H90C86.6848 39.75 83.5054 41.067 81.1612 43.4112C78.817 45.7554 77.5 48.9348 77.5 52.25V152.25" stroke="#4E4E54" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_ddd_940_236606)">
+<circle cx="103.254" cy="173.828" r="31" fill="#006399"/>
+<path d="M88.2516 163.827H118.252" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M94.9182 173.827H111.585" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M99.9182 183.827H106.585" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_ddd_940_236606" x="64.2539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_940_236606"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_940_236606"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_940_236606"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_940_236606" result="effect2_dropShadow_940_236606"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_940_236606"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_940_236606" result="effect3_dropShadow_940_236606"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_940_236606" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_940_236606" x1="102.5" y1="0" x2="102.5" y2="207.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#242424"/>
+<stop offset="1" stop-color="#171717" stop-opacity="0.16"/>
+</linearGradient>
+<clipPath id="clip0_940_236606">
+<rect width="205" height="205" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/web/public/empty-state/project/all-filters-light.svg b/apps/web/public/empty-state/project/all-filters-light.svg
new file mode 100644
index 0000000000..93ac4de744
--- /dev/null
+++ b/apps/web/public/empty-state/project/all-filters-light.svg
@@ -0,0 +1,42 @@
+<svg width="205" height="217" viewBox="0 0 205 217" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="102.5" cy="102.5" r="102.5" fill="url(#paint0_linear_940_236597)"/>
+<path d="M152.5 64.75H52.5C45.5964 64.75 40 70.3464 40 77.25V139.75C40 146.654 45.5964 152.25 52.5 152.25H152.5C159.404 152.25 165 146.654 165 139.75V77.25C165 70.3464 159.404 64.75 152.5 64.75Z" stroke="#B9BBC6" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M127.5 152.25V52.25C127.5 48.9348 126.183 45.7554 123.839 43.4112C121.495 41.067 118.315 39.75 115 39.75H90C86.6848 39.75 83.5054 41.067 81.1612 43.4112C78.817 45.7554 77.5 48.9348 77.5 52.25V152.25" stroke="#B9BBC6" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_ddd_940_236597)">
+<circle cx="103.254" cy="173.828" r="31" fill="#006399"/>
+<path d="M88.2539 163.828H118.254" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M94.9205 173.828H111.587" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M99.9205 183.828H106.587" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_ddd_940_236597" x="64.2539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_940_236597"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_940_236597"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_940_236597"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_940_236597" result="effect2_dropShadow_940_236597"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_940_236597"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_940_236597" result="effect3_dropShadow_940_236597"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_940_236597" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_940_236597" x1="102.5" y1="0" x2="102.5" y2="207.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7F7F7"/>
+<stop offset="1" stop-color="#F8F9FA" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/web/public/empty-state/project/all-filters.svg b/apps/web/public/empty-state/project/all-filters.svg
deleted file mode 100644
index 0280bcf2d5..0000000000
--- a/apps/web/public/empty-state/project/all-filters.svg
+++ /dev/null
@@ -1,42 +0,0 @@
-<svg width="206" height="217" viewBox="0 0 206 217" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="103" cy="102.5" r="102.5" fill="url(#paint0_linear_8013_111910)"/>
-<path d="M153 64.75H53C46.0964 64.75 40.5 70.3464 40.5 77.25V139.75C40.5 146.654 46.0964 152.25 53 152.25H153C159.904 152.25 165.5 146.654 165.5 139.75V77.25C165.5 70.3464 159.904 64.75 153 64.75Z" stroke="#B9BBC6" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M128 152.25V52.25C128 48.9348 126.683 45.7554 124.339 43.4112C121.995 41.067 118.815 39.75 115.5 39.75H90.5C87.1848 39.75 84.0054 41.067 81.6612 43.4112C79.317 45.7554 78 48.9348 78 52.25V152.25" stroke="#B9BBC6" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
-<g filter="url(#filter0_ddd_8013_111910)">
-<circle cx="104" cy="174" r="31" fill="#3A5BC7"/>
-<path d="M89 164H119" stroke="#F9F9FB" stroke-width="3.57143" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M95.667 174H112.334" stroke="#F9F9FB" stroke-width="3.57143" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M100.667 184H107.334" stroke="#F9F9FB" stroke-width="3.57143" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<filter id="filter0_ddd_8013_111910" x="65" y="138" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_8013_111910"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="1.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8013_111910"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_8013_111910"/>
-<feOffset dy="3"/>
-<feGaussianBlur stdDeviation="6"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow_8013_111910" result="effect2_dropShadow_8013_111910"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_8013_111910"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="8"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
-<feBlend mode="normal" in2="effect2_dropShadow_8013_111910" result="effect3_dropShadow_8013_111910"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_8013_111910" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_8013_111910" x1="103" y1="0" x2="103" y2="207.52" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F7F7F7"/>
-<stop offset="1" stop-color="#F8F9FA" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/apps/web/public/empty-state/project/name-filter-dark.svg b/apps/web/public/empty-state/project/name-filter-dark.svg
new file mode 100644
index 0000000000..df4c2379cc
--- /dev/null
+++ b/apps/web/public/empty-state/project/name-filter-dark.svg
@@ -0,0 +1,46 @@
+<svg width="205" height="205" viewBox="0 0 205 205" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_854_167649)">
+<circle cx="102.5" cy="102.5" r="102.5" fill="url(#paint0_linear_854_167649)"/>
+<path d="M152.5 64.75H52.5C45.5964 64.75 40 70.3464 40 77.25V139.75C40 146.654 45.5964 152.25 52.5 152.25H152.5C159.404 152.25 165 146.654 165 139.75V77.25C165 70.3464 159.404 64.75 152.5 64.75Z" stroke="#4E4E54" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M127.5 152.25V52.25C127.5 48.9348 126.183 45.7554 123.839 43.4112C121.495 41.067 118.315 39.75 115 39.75H90C86.6848 39.75 83.5054 41.067 81.1612 43.4112C78.817 45.7554 77.5 48.9348 77.5 52.25V152.25" stroke="#4E4E54" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_ddd_854_167649)">
+<circle cx="103.254" cy="173.828" r="31" fill="#006399"/>
+<path d="M101.573 185.582C108.992 185.582 115.006 179.567 115.006 172.148C115.006 164.729 108.992 158.715 101.573 158.715C94.1536 158.715 88.1393 164.729 88.1393 172.148C88.1393 179.567 94.1536 185.582 101.573 185.582Z" stroke="#1C2024" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M118.364 188.94L111.144 181.719" stroke="#1C2024" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_ddd_854_167649" x="64.2539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_854_167649"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_854_167649"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_854_167649"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_854_167649" result="effect2_dropShadow_854_167649"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_854_167649"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_854_167649" result="effect3_dropShadow_854_167649"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_854_167649" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_854_167649" x1="102.5" y1="0" x2="102.5" y2="207.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#242424"/>
+<stop offset="1" stop-color="#171717" stop-opacity="0.16"/>
+</linearGradient>
+<clipPath id="clip0_854_167649">
+<rect width="205" height="205" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/web/public/empty-state/project/name-filter-light.svg b/apps/web/public/empty-state/project/name-filter-light.svg
new file mode 100644
index 0000000000..ec63228370
--- /dev/null
+++ b/apps/web/public/empty-state/project/name-filter-light.svg
@@ -0,0 +1,41 @@
+<svg width="205" height="217" viewBox="0 0 205 217" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="102.5" cy="102.5" r="102.5" fill="url(#paint0_linear_854_167632)"/>
+<path d="M152.5 64.75H52.5C45.5964 64.75 40 70.3464 40 77.25V139.75C40 146.654 45.5964 152.25 52.5 152.25H152.5C159.404 152.25 165 146.654 165 139.75V77.25C165 70.3464 159.404 64.75 152.5 64.75Z" stroke="#B9BBC6" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M127.5 152.25V52.25C127.5 48.9348 126.183 45.7554 123.839 43.4112C121.495 41.067 118.315 39.75 115 39.75H90C86.6848 39.75 83.5054 41.067 81.1612 43.4112C78.817 45.7554 77.5 48.9348 77.5 52.25V152.25" stroke="#B9BBC6" stroke-width="3.36" stroke-linecap="round" stroke-linejoin="round"/>
+<g filter="url(#filter0_ddd_854_167632)">
+<circle cx="103.254" cy="173.828" r="31" fill="#006399"/>
+<path d="M101.575 185.582C108.994 185.582 115.008 179.568 115.008 172.149C115.008 164.73 108.994 158.715 101.575 158.715C94.1555 158.715 88.1412 164.73 88.1412 172.149C88.1412 179.568 94.1555 185.582 101.575 185.582Z" stroke="white" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M118.366 188.94L111.146 181.72" stroke="white" stroke-width="2.52049" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_ddd_854_167632" x="64.2539" y="137.828" width="78" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_854_167632"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0 0 0 0.051 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_854_167632"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_854_167632"/>
+<feOffset dy="3"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.055 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_854_167632" result="effect2_dropShadow_854_167632"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="8" operator="erode" in="SourceAlpha" result="effect3_dropShadow_854_167632"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.078 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_854_167632" result="effect3_dropShadow_854_167632"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_854_167632" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_854_167632" x1="102.5" y1="0" x2="102.5" y2="207.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7F7F7"/>
+<stop offset="1" stop-color="#F8F9FA" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>