From 1676b8b4937395b88d6ea9c814d574dd5a092a08 Mon Sep 17 00:00:00 2001 From: Floke Date: Tue, 2 Jun 2026 07:49:12 +0000 Subject: [PATCH] [37288f42] Docs: C-Level Presentation v2.6 - Refined DGS UI & Updated Pipeline Comparison --- .../Sales_Intelligence_Cockpit_CLevel_v2.html | 143 +++++++++++------- 1 file changed, 86 insertions(+), 57 deletions(-) diff --git a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html index f2d4e8091..e4b69b709 100644 --- a/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html +++ b/docs/Praesentation/Sales_Intelligence_Cockpit_CLevel_v2.html @@ -67,11 +67,11 @@ .dashboard-card { background: white; border: 1px solid #cbd5e1; - border-radius: 0.75rem; + border-radius: 1rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1); - padding: 1.25rem; + padding: 2rem; width: 100%; - max-width: 720px; + max-width: 650px; overflow: hidden; } @@ -79,24 +79,15 @@ background: #f8fafc; border-bottom: 1px solid #e2e8f0; padding: 0.5rem 1rem; - margin: -1.25rem -1.25rem 1.25rem -1.25rem; - border-radius: 0.75rem 0.75rem 0 0; + margin: -2rem -2rem 1.5rem -2rem; + border-radius: 1rem 1rem 0 0; display: flex; gap: 0.5rem; + align-items: center; } .dot { width: 8px; height: 8px; border-radius: 50%; background: #e2e8f0; } - .kpi-card { - background: white; - border-radius: 1.5rem; - border: 1px solid #e2e8f0; - padding: 2.5rem; - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05); - width: 100%; - max-width: 450px; - } - /* Scrollytelling Transitions */ .visual-element { position: absolute; @@ -155,20 +146,23 @@ .kpi-bar-bg { width: 100%; height: 16px; background: #f1f5f9; border-radius: 8px; overflow: hidden; margin: 15px 0; } .kpi-bar-fill { height: 100%; width: 0%; border-radius: 8px; } - .data-grid { - display: grid; - grid-template-cols: repeat(8, 1fr); - padding: 1rem; - background: #f8fafc; - border-top: 1px solid #f1f5f9; + /* Vertical Action List */ + .action-item { + display: flex; align-items: center; - text-align: center; + gap: 1rem; + padding: 0.75rem 0; + border-bottom: 1px solid #f1f5f9; + font-size: 1.1rem; + font-weight: 600; + color: #334155; + opacity: 0; + transform: translateY(10px); } + .action-label { font-size: 0.8rem; color: #94a3b8; width: 120px; text-transform: uppercase; letter-spacing: 0.05em; } - .data-cell { font-size: 11px; font-weight: 600; color: #334155; opacity: 0; transform: translateY(10px); } - .data-label { font-size: 9px; color: #94a3b8; font-weight: 700; margin-bottom: 4px; } - .badge-red { background: #fee2e2; color: #b91c1c; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; display: inline-block; } - .badge-orange { background: #ffedd5; color: #c2410c; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; display: inline-block; } + .badge-red { background: #fee2e2; color: #b91c1c; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 6px; text-transform: uppercase; } + .badge-orange { background: #ffedd5; color: #c2410c; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 6px; text-transform: uppercase; } .screenshot-frame { background: white; @@ -188,7 +182,7 @@
- RoboPlanet Logo + RoboPlanet Logo
Board Presentation | Executive Strategic Briefing
@@ -215,14 +209,14 @@
- SuperOffice Screenshot + SuperOffice Screenshot
- +
@@ -238,30 +232,60 @@
-
+
+
+
+
+ Account Inspector | DGS GmbH +
+ +
-

DGS GmbH

-
(Paul Goliasch)
+

DGS GmbH

+
Paul Goliasch
+
3 x CC1 Pro mit Nachlass
-
-
56.996 €
+
+ overdue date + missing contract type
-
- overdue date - missing contract type -
-
3 x CC1 Pro mit Nachlass
-
-
ORT
📍 3.12.25
-
CALL
📞 29.4.26
-
MAIL
✉️ 1.12.25
-
NÄCHSTER
Keine
-
STATUS
Open
-
TERMIN
30.5.26
-
SUMME
56.996 €
+ + +
+
Letzte Aktionen
+
+
+ Vor Ort + 📍 03.12.2025 +
+
+ E-Mail + ✉️ 01.12.2025 +
+
+ Call + 📞 29.04.2026 +
+
+
+ + +
+
+ Geplanter Abschluss +
+ 30.05.2026 +
+
+
+ Status +
+ OPEN +
+
@@ -303,7 +327,7 @@
- +
@@ -316,15 +340,19 @@
-
-
+
+
-
MÄRZ 261,42 Mio. €
-
+
März 261,42 Mio. €
+
-
MAI 262,05 Mio. €
-
+
April 261,36 Mio. €
+
+
+
+
Mai 262,05 Mio. €
+
@@ -449,14 +477,15 @@ // Mini-Animations if (slideId === "slide2") { - tl.to("#dgsGrid .data-cell", { opacity: 1, y: 0, stagger: 0.1, duration: 0.5 }, "-=0.4"); + tl.to("#dgsGrid .action-item", { opacity: 1, y: 0, stagger: 0.15, duration: 0.6 }, "-=0.4"); } if (slideId === "slide3") { tl.to("#bar3", { width: "20%", duration: 1.5, ease: "power4.out" }, "-=0.5"); } if (slideId === "slide4") { tl.to("#bar4a", { width: "42%", duration: 1, ease: "power2.out" }, "-=0.5"); - tl.to("#bar4b", { width: "65%", duration: 1.2, ease: "power2.out" }, "-=0.8"); + tl.to("#bar4b", { width: "40%", duration: 1, ease: "power2.out" }, "-=0.8"); + tl.to("#bar4c", { width: "65%", duration: 1.2, ease: "power2.out" }, "-=1.0"); } if (slideId === "slide6") { tl.to("#count6", { @@ -470,4 +499,4 @@ }); - \ No newline at end of file +