diff --git a/app/(main)/insights/components/InsightsSummary.tsx b/app/(main)/insights/components/InsightsSummary.tsx
new file mode 100644
index 0000000..8724ee1
--- /dev/null
+++ b/app/(main)/insights/components/InsightsSummary.tsx
@@ -0,0 +1,22 @@
+'use client';
+
+import { Card, CardContent } from '@components/ui/Card/Card';
+
+export default function InsightsSummary() {
+  return (
+    <Card>
+      <CardContent>
+        <div className="flex w-full items-start gap-2 text-sm">
+          <div className="grid gap-2">
+            <div className="flex items-center gap-2">
+              <p className="font-semibold">Know Your Happiness Patterns</p>
+            </div>
+            <div className="flex items-center text-xs font-light">happiness down, productivity down</div>
+            <div className="flex items-center text-xs font-light">most happiness influencing worktype..</div>
+            <div className="flex items-center text-xs font-light">correlations..</div>
+          </div>
+        </div>
+      </CardContent>{' '}
+    </Card>
+  );
+}
diff --git a/app/(main)/insights/components/WorkkindRadarChart.tsx b/app/(main)/insights/components/WorkkindRadarChart.tsx
index 6d5c12d..a16d937 100644
--- a/app/(main)/insights/components/WorkkindRadarChart.tsx
+++ b/app/(main)/insights/components/WorkkindRadarChart.tsx
@@ -14,7 +14,7 @@ const chartData = [
 ];
 
 const chartConfig = {
-  quantity: {
+  userAverage: {
     label: 'Quantity',
     color: '#E94B68',
   },
@@ -35,7 +35,8 @@ export default function WorkkindRadarChart() {
             <ChartTooltip cursor={false} content={<ChartTooltipContent />} />
             <PolarAngleAxis dataKey="workkind" />
             <PolarGrid />
-            <Radar dataKey="quantity" fill="var(--color-quantity)" fillOpacity={0.4} />
+            <Radar dataKey="userAverage" fill="var(--color-quantity)" fillOpacity={0.4} />
+            <Radar dataKey="teamAverage" fill="var(--color-quantity)" fillOpacity={0.9} />
           </RadarChart>
         </ChartContainer>
       </CardContent>
@@ -43,7 +44,7 @@ export default function WorkkindRadarChart() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2">
-              <p className="font-semibold">Trackings per work type</p>
+              <p className="font-semibold">Happiness per work type - Personal vs. team</p>
             </div>
             <div className="flex items-center text-xs font-light">Showing number of tracked worktypes this year</div>
           </div>
diff --git a/app/(main)/insights/page.tsx b/app/(main)/insights/page.tsx
index 3e8398b..b313e4c 100644
--- a/app/(main)/insights/page.tsx
+++ b/app/(main)/insights/page.tsx
@@ -33,6 +33,10 @@ export interface Sprint {
   endDate: string;
 }
 
+function InsightsSummary() {
+  return null;
+}
+
 const InsightsPage: React.FC = () => {
   const { user } = useAuth();
   const { getInsightsByTeam } = useInsightsClient();
@@ -125,6 +129,8 @@ const InsightsPage: React.FC = () => {
     document.body.removeChild(link);
   };
 
+  // todo
+
   return (
     <div className="print-content">
       {user && selectedTeam && data && sprints ? (
@@ -175,7 +181,7 @@ const InsightsPage: React.FC = () => {
           </div>
           <div className="grid grid-cols-2 gap-4">
             <WorkkindBarChart />
-            <WorkkindRadarChart />
+            <InsightsSummary />
           </div>
           <div className="grid grid-cols-2 gap-4">
             <WorkkindRadarChart />