diff --git a/apps/web/src/components/dashboard/dashboard-grid.tsx b/apps/web/src/components/dashboard/dashboard-grid.tsx
index 585e1bc..d9023fb 100644
--- a/apps/web/src/components/dashboard/dashboard-grid.tsx
+++ b/apps/web/src/components/dashboard/dashboard-grid.tsx
@@ -8,6 +8,7 @@ import 'react-resizable/css/styles.css';
 import { useTranslations } from 'next-intl';
 import { WIDGET_CONSTRAINTS, type WidgetType } from './widget-registry';
 import { WidgetWrapper } from './widgets/widget-wrapper';
+import { TesseraLogo } from '@/components/brand/tessera-logo';
 
 const BREAKPOINTS = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 };
 const COLS = { lg: 12, md: 10, sm: 6, xs: 4, xxs: 1 };
@@ -52,25 +53,10 @@ export function DashboardGrid({
   if (widgets.length === 0) {
     return (
       <div className="flex flex-col items-center justify-center min-h-[60vh] gap-4">
-        <div className="rounded-lg bg-muted p-4">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="48"
-            height="48"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            className="text-muted-foreground"
-          >
-            <rect x="3" y="3" width="7" height="7" rx="1" />
-            <rect x="14" y="3" width="7" height="7" rx="1" />
-            <rect x="14" y="14" width="7" height="7" rx="1" />
-            <rect x="3" y="14" width="7" height="7" rx="1" />
-          </svg>
-        </div>
+        {/* Bildmarke statt des frueheren handgezeichneten Vier-Quadrate-Symbols.
+            Ohne Rahmen und ohne Kontur: die Marke steht hier frei auf dem
+            Seitenhintergrund, nicht auf einer eigenen Flaeche. */}
+        <TesseraLogo variant="mark" size={64} plateOutline={false} />
         <h2 className="text-lg font-semibold text-muted-foreground">
           {t('emptyHeading')}
         </h2>