diff --git a/x-pack/plugins/cloud_security_posture/common/constants.ts b/x-pack/plugins/cloud_security_posture/common/constants.ts
index 77e2dd38f326d..f5f283daa38b7 100644
--- a/x-pack/plugins/cloud_security_posture/common/constants.ts
+++ b/x-pack/plugins/cloud_security_posture/common/constants.ts
@@ -51,6 +51,7 @@ export const LATEST_FINDINGS_INDEX_TEMPLATE_NAME = 'logs-cloud_security_posture.
 export const LATEST_FINDINGS_INDEX_PATTERN = 'logs-cloud_security_posture.findings_latest-*';
 export const LATEST_FINDINGS_INDEX_DEFAULT_NS =
   'logs-cloud_security_posture.findings_latest-default';
+
 export const LATEST_FINDINGS_RETENTION_POLICY = '26h';
 
 export const BENCHMARK_SCORE_INDEX_TEMPLATE_NAME = 'logs-cloud_security_posture.scores';
diff --git a/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_container.tsx b/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_container.tsx
index d469632e21bdb..a6853a20db3ad 100644
--- a/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_container.tsx
+++ b/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_container.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 import React, { useState, useMemo } from 'react';
-import { EuiPanel, EuiSpacer } from '@elastic/eui';
+import { EuiSpacer } from '@elastic/eui';
 import { useParams } from 'react-router-dom';
 import { buildRuleKey } from '../../../common/utils/rules_states';
 import { extractErrorMessage } from '../../../common/utils/helpers';
@@ -22,6 +22,7 @@ import type {
   RuleStateAttributes,
 } from '../../../common/types/latest';
 import { useCspGetRulesStates } from './use_csp_rules_state';
+import { RulesCounters } from './rules_counters';
 
 export interface CspBenchmarkRulesWithStates {
   metadata: CspBenchmarkRule['metadata'];
@@ -173,47 +174,47 @@ export const RulesContainer = () => {
 
   return (
     <div data-test-subj={TEST_SUBJECTS.CSP_RULES_CONTAINER}>
-      <EuiPanel hasBorder={false} hasShadow={false}>
-        <RulesTableHeader
-          onSectionChange={(value) =>
-            setRulesQuery((currentQuery) => ({ ...currentQuery, section: value }))
-          }
-          onRuleNumberChange={(value) =>
-            setRulesQuery((currentQuery) => ({ ...currentQuery, ruleNumber: value }))
-          }
-          sectionSelectOptions={cleanedSectionList}
-          ruleNumberSelectOptions={cleanedRuleNumberList}
-          search={(value) => setRulesQuery((currentQuery) => ({ ...currentQuery, search: value }))}
-          searchValue={rulesQuery.search || ''}
-          totalRulesCount={rulesPageData.all_rules.length}
-          pageSize={rulesPageData.rules_page.length}
-          isSearching={status === 'loading'}
-          selectedRules={selectedRules}
-          refetchRulesStates={rulesStates.refetch}
-          setEnabledDisabledItemsFilter={setEnabledDisabledItemsFilter}
-          currentEnabledDisabledItemsFilterState={enabledDisabledItemsFilter}
-          setSelectAllRules={setSelectAllRules}
-          setSelectedRules={setSelectedRules}
-        />
-        <EuiSpacer />
-        <RulesTable
-          rules_page={rulesPageData.rules_page}
-          total={rulesPageData.total}
-          error={rulesPageData.error}
-          loading={rulesPageData.loading}
-          perPage={pageSize || rulesQuery.perPage}
-          page={rulesQuery.page}
-          setPagination={(paginationQuery) => {
-            setPageSize(paginationQuery.perPage);
-            setRulesQuery((currentQuery) => ({ ...currentQuery, ...paginationQuery }));
-          }}
-          setSelectedRuleId={setSelectedRuleId}
-          selectedRuleId={selectedRuleId}
-          refetchRulesStates={rulesStates.refetch}
-          selectedRules={selectedRules}
-          setSelectedRules={setSelectedRules}
-        />
-      </EuiPanel>
+      <RulesCounters />
+      <EuiSpacer />
+      <RulesTableHeader
+        onSectionChange={(value) =>
+          setRulesQuery((currentQuery) => ({ ...currentQuery, section: value }))
+        }
+        onRuleNumberChange={(value) =>
+          setRulesQuery((currentQuery) => ({ ...currentQuery, ruleNumber: value }))
+        }
+        sectionSelectOptions={cleanedSectionList}
+        ruleNumberSelectOptions={cleanedRuleNumberList}
+        search={(value) => setRulesQuery((currentQuery) => ({ ...currentQuery, search: value }))}
+        searchValue={rulesQuery.search || ''}
+        totalRulesCount={rulesPageData.all_rules.length}
+        pageSize={rulesPageData.rules_page.length}
+        isSearching={status === 'loading'}
+        selectedRules={selectedRules}
+        refetchRulesStates={rulesStates.refetch}
+        setEnabledDisabledItemsFilter={setEnabledDisabledItemsFilter}
+        currentEnabledDisabledItemsFilterState={enabledDisabledItemsFilter}
+        setSelectAllRules={setSelectAllRules}
+        setSelectedRules={setSelectedRules}
+      />
+      <EuiSpacer />
+      <RulesTable
+        rules_page={rulesPageData.rules_page}
+        total={rulesPageData.total}
+        error={rulesPageData.error}
+        loading={rulesPageData.loading}
+        perPage={pageSize || rulesQuery.perPage}
+        page={rulesQuery.page}
+        setPagination={(paginationQuery) => {
+          setPageSize(paginationQuery.perPage);
+          setRulesQuery((currentQuery) => ({ ...currentQuery, ...paginationQuery }));
+        }}
+        setSelectedRuleId={setSelectedRuleId}
+        selectedRuleId={selectedRuleId}
+        refetchRulesStates={rulesStates.refetch}
+        selectedRules={selectedRules}
+        setSelectedRules={setSelectedRules}
+      />
       {selectedRuleId && (
         <RuleFlyout
           rule={rulesFlyoutData}
diff --git a/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_counters.tsx b/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_counters.tsx
new file mode 100644
index 0000000000000..469d2eff5f42d
--- /dev/null
+++ b/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_counters.tsx
@@ -0,0 +1,329 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import {
+  EuiButton,
+  EuiButtonEmpty,
+  EuiEmptyPrompt,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiImage,
+} from '@elastic/eui';
+import React from 'react';
+import { i18n } from '@kbn/i18n';
+import { useParams } from 'react-router-dom';
+import { Chart, Partition, PartitionLayout, Settings } from '@elastic/charts';
+import { FormattedMessage } from '@kbn/i18n-react';
+import noDataIllustration from '../../assets/illustrations/no_data_illustration.svg';
+import { BenchmarksCisId } from '../../../common/types/benchmarks/v2';
+import { useCspIntegrationLink } from '../../common/navigation/use_csp_integration_link';
+import { useNavigateFindings } from '../../common/hooks/use_navigate_findings';
+import { cloudPosturePages } from '../../common/navigation/constants';
+import {
+  CSPM_POLICY_TEMPLATE,
+  KSPM_POLICY_TEMPLATE,
+  RULE_FAILED,
+  RULE_PASSED,
+} from '../../../common/constants';
+import { statusColors } from '../../common/constants';
+import { useCspBenchmarkIntegrationsV2 } from '../benchmarks/use_csp_benchmark_integrations';
+import { CspCounterCard } from '../../components/csp_counter_card';
+import { useKibana } from '../../common/hooks/use_kibana';
+
+const EvaluationPieChart = ({ failed, passed }: { failed: number; passed: number }) => {
+  const {
+    services: { charts },
+  } = useKibana();
+
+  return (
+    <Chart size={{ height: 30, width: 30 }}>
+      <Settings
+        theme={[
+          {
+            partition: {
+              outerSizeRatio: 0.75,
+              emptySizeRatio: 0.7,
+            },
+          },
+        ]}
+        baseTheme={charts.theme.useChartsBaseTheme()}
+      />
+      <Partition
+        id={'evaluation-pie-chart'}
+        data={[
+          {
+            label: i18n.translate('xpack.csp.rulesPage.evaluationPieChart.failedTitle', {
+              defaultMessage: 'Failed',
+            }),
+            value: failed,
+          },
+          {
+            label: i18n.translate('xpack.csp.rulesPage.evaluationPieChart.passedTitle', {
+              defaultMessage: 'Passed',
+            }),
+            value: passed,
+          },
+        ]}
+        valueGetter="percent"
+        valueAccessor={(d) => d.value}
+        layout={PartitionLayout.sunburst}
+        layers={[
+          {
+            // grouping the pie chart by data labels and coloring the group by the label value
+            groupByRollup: (d: { label: string }) => d.label,
+            shape: {
+              fillColor: (label) =>
+                label.toLowerCase() === RULE_PASSED.toLowerCase()
+                  ? statusColors.passed
+                  : statusColors.failed,
+            },
+          },
+        ]}
+      />
+    </Chart>
+  );
+};
+
+export const RulesCounters = () => {
+  const { http } = useKibana().services;
+  const rulesPageParams = useParams<{ benchmarkId: string; benchmarkVersion: string }>();
+  const getBenchmarks = useCspBenchmarkIntegrationsV2();
+  const navToFindings = useNavigateFindings();
+  const cspmIntegrationLink = useCspIntegrationLink(CSPM_POLICY_TEMPLATE) || '';
+  const kspmIntegrationLink = useCspIntegrationLink(KSPM_POLICY_TEMPLATE) || '';
+
+  const benchmarkRulesStats = getBenchmarks.data?.items.find(
+    (benchmark) =>
+      benchmark.id === rulesPageParams.benchmarkId &&
+      benchmark.version === rulesPageParams.benchmarkVersion
+  );
+
+  if (!benchmarkRulesStats) {
+    return <></>;
+  }
+
+  const benchmarkDynamicValues: Record<
+    BenchmarksCisId,
+    {
+      integrationType: string;
+      integrationName: string;
+      resourceName: string;
+      integrationLink: string;
+      learnMoreLink: string;
+    }
+  > = {
+    cis_aws: {
+      integrationType: 'CSPM',
+      integrationName: 'AWS',
+      resourceName: 'Accounts',
+      integrationLink: cspmIntegrationLink,
+      learnMoreLink: 'https://ela.st/cspm-get-started',
+    },
+    cis_gcp: {
+      integrationType: 'CSPM',
+      integrationName: 'GCP',
+      resourceName: 'Projects',
+      integrationLink: cspmIntegrationLink,
+      learnMoreLink: 'https://ela.st/cspm-get-started',
+    },
+    cis_azure: {
+      integrationType: 'CSPM',
+      integrationName: 'Azure',
+      resourceName: 'Subscriptions',
+      integrationLink: cspmIntegrationLink,
+      learnMoreLink: 'https://ela.st/cspm-get-started',
+    },
+    cis_k8s: {
+      integrationType: 'KSPM',
+      integrationName: 'Kubernetes',
+      resourceName: 'Clusters',
+      integrationLink: kspmIntegrationLink,
+      learnMoreLink: 'https://ela.st/kspm-get-started',
+    },
+    cis_eks: {
+      integrationType: 'KSPM',
+      integrationName: 'EKS',
+      resourceName: 'Clusters',
+      integrationLink: kspmIntegrationLink,
+      learnMoreLink: 'https://ela.st/kspm-get-started',
+    },
+  };
+
+  if (benchmarkRulesStats.score.totalFindings === 0) {
+    return (
+      <EuiEmptyPrompt
+        color="plain"
+        icon={
+          <EuiImage
+            size="fullWidth"
+            src={noDataIllustration}
+            alt={i18n.translate(
+              'xpack.csp.rulesPage.rulesCounterEmptyState.noDataIllustrationAlt',
+              { defaultMessage: 'No data illustration' }
+            )}
+          />
+        }
+        title={
+          <h2>
+            <FormattedMessage
+              id="xpack.csp.rulesPage.rulesCounterEmptyState.emptyStateTitle"
+              defaultMessage="Add {integrationResourceName} to get started"
+              values={{
+                integrationResourceName: `${
+                  benchmarkDynamicValues[benchmarkRulesStats.id].integrationName
+                }
+                  ${benchmarkDynamicValues[benchmarkRulesStats.id].resourceName}`,
+              }}
+            />
+          </h2>
+        }
+        body={
+          <p>
+            <FormattedMessage
+              id="xpack.csp.rulesPage.rulesCounterEmptyState.emptyStateDescription"
+              defaultMessage="Add your {resourceName} in {integrationType} to begin detecing misconfigurations"
+              values={{
+                resourceName:
+                  benchmarkDynamicValues[benchmarkRulesStats.id].resourceName.toLowerCase(),
+                integrationType: benchmarkDynamicValues[benchmarkRulesStats.id].integrationType,
+              }}
+            />
+          </p>
+        }
+        actions={[
+          <EuiButton
+            color="primary"
+            fill
+            href={benchmarkDynamicValues[benchmarkRulesStats.id].integrationLink}
+          >
+            <FormattedMessage
+              id="xpack.csp.rulesPage.rulesCounterEmptyState.emptyPrimapryButtonTitle"
+              defaultMessage="Add {integrationType} integration"
+              values={{
+                integrationType: benchmarkDynamicValues[benchmarkRulesStats.id].integrationType,
+              }}
+            />
+          </EuiButton>,
+          <EuiButtonEmpty
+            color="primary"
+            href={benchmarkDynamicValues[benchmarkRulesStats.id].learnMoreLink}
+            target="_blank"
+          >
+            <FormattedMessage
+              id="xpack.csp.rulesPage.rulesCounterEmptyState.emptyLearnMoreButtonTitle"
+              defaultMessage="Learn more"
+            />
+          </EuiButtonEmpty>,
+        ]}
+        layout="horizontal"
+        paddingSize="m"
+      />
+    );
+  }
+
+  const counters = [
+    {
+      id: 'rules-counters-posture-score',
+      description: i18n.translate('xpack.csp.rulesCounters.postureScoreTitle', {
+        defaultMessage: 'Posture Score',
+      }),
+      title: (
+        <EuiFlexGroup alignItems="center" gutterSize="none">
+          <EuiFlexItem grow={false}>
+            <EvaluationPieChart
+              failed={benchmarkRulesStats.score.totalFailed}
+              passed={benchmarkRulesStats.score.totalPassed}
+            />
+          </EuiFlexItem>
+          <EuiFlexItem>{`${benchmarkRulesStats.score.postureScore}%`}</EuiFlexItem>
+        </EuiFlexGroup>
+      ),
+      button: (
+        <EuiButtonEmpty
+          iconType="pivot"
+          href={http.basePath.prepend(`/app/security${cloudPosturePages.dashboard.path}`)}
+        >
+          {i18n.translate('xpack.csp.rulesCounters.postureScoreButton', {
+            defaultMessage: 'Dashboard',
+          })}
+        </EuiButtonEmpty>
+      ),
+    },
+    {
+      id: 'rules-counters-evaluated',
+      description: i18n.translate('xpack.csp.rulesCounters.accountsEvaluatedTitle', {
+        defaultMessage: '{resourceName} Evaluated',
+        values: {
+          resourceName: benchmarkDynamicValues[benchmarkRulesStats.id].resourceName,
+        },
+      }),
+      title: benchmarkRulesStats.evaluation || 0,
+      button: (
+        <EuiButtonEmpty
+          iconType="listAdd"
+          href={benchmarkDynamicValues[benchmarkRulesStats.id].integrationLink}
+        >
+          {i18n.translate('xpack.csp.rulesCounters.accountsEvaluatedButton', {
+            defaultMessage: 'Add more {resourceName}',
+            values: {
+              resourceName:
+                benchmarkDynamicValues[benchmarkRulesStats.id].resourceName.toLowerCase(),
+            },
+          })}
+        </EuiButtonEmpty>
+      ),
+    },
+    {
+      id: 'rules-counters-failed-findings',
+      description: i18n.translate('xpack.csp.rulesCounters.failedFindingsTitle', {
+        defaultMessage: 'Failed Findings',
+      }),
+      title: benchmarkRulesStats.score.totalFailed,
+      titleColor: benchmarkRulesStats.score.totalFailed > 0 ? statusColors.failed : undefined,
+      button: (
+        <EuiButtonEmpty
+          iconType="pivot"
+          onClick={() =>
+            navToFindings({
+              'result.evaluation': RULE_FAILED,
+              'rule.benchmark.id': benchmarkRulesStats.id || '',
+              'rule.benchmark.version': `v${benchmarkRulesStats.version}`,
+            })
+          }
+        >
+          {i18n.translate('xpack.csp.rulesCounters.failedFindingsButton', {
+            defaultMessage: 'View all failed findings',
+          })}
+        </EuiButtonEmpty>
+      ),
+    },
+    {
+      id: 'rules-counters-disabled-rules',
+      description: i18n.translate('xpack.csp.rulesCounters.disabledRulesCounterTitle', {
+        defaultMessage: 'Disabled Rules',
+      }),
+      title: 'WIP',
+      button: (
+        <EuiButtonEmpty iconType="search">
+          {i18n.translate('xpack.csp.rulesCounters.disabledRulesCounterButton', {
+            defaultMessage: 'View all disabled rules',
+          })}
+        </EuiButtonEmpty>
+      ),
+    },
+  ];
+
+  return (
+    <EuiFlexGroup>
+      {counters.map((counter) => (
+        <EuiFlexItem key={counter.id}>
+          <CspCounterCard {...counter} />
+        </EuiFlexItem>
+      ))}
+    </EuiFlexGroup>
+  );
+};