diff --git a/changelogs/fragments/7857.yml b/changelogs/fragments/7857.yml
new file mode 100644
index 000000000000..2e462a9cdac0
--- /dev/null
+++ b/changelogs/fragments/7857.yml
@@ -0,0 +1,2 @@
+refactor:
+- [Workspace] workspace initial page ([#7857](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7857))
\ No newline at end of file
diff --git a/src/plugins/workspace/public/components/workspace_initial/__snapshots__/workspace_initial.test.tsx.snap b/src/plugins/workspace/public/components/workspace_initial/__snapshots__/workspace_initial.test.tsx.snap
index 67dc620d5834..5f294beb33a9 100644
--- a/src/plugins/workspace/public/components/workspace_initial/__snapshots__/workspace_initial.test.tsx.snap
+++ b/src/plugins/workspace/public/components/workspace_initial/__snapshots__/workspace_initial.test.tsx.snap
@@ -30,7 +30,7 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
         />
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero eui-displayInline"
-          style="width: 1122px;"
+          style="width: 1200px;"
         >
           <div
             class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
@@ -46,17 +46,17 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                 <h1
                   class="euiTitle euiTitle--large"
                 >
-                  Getting started with OpenSearch
+                  Create a workspace to get started
                 </h1>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
-                style="max-width: 650px;"
+                style="max-width: 730px;"
               >
                 <div
-                  class="euiText euiText--medium euiText--constrainedWidth"
+                  class="euiText euiText--small"
                 >
-                  OpenSearch is a flexible, scalable, open-source way to build solutions for data-intensive search and analytics applications. Explore, enrich, and visualize your data, using developer-friendly tools and powerful integrations for machine learning, data processing, and more.
+                  Welcome to OpenSearch! This interface supports you to easily explore, enrich and visualize your data with developer-friendly tools and powerful integrations for machine learning, data process, and more. To begin, create a workspace for your use case.
                 </div>
               </div>
               <div
@@ -65,7 +65,7 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                 <a
                   class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
                   data-test-subj="workspace-initial-button-openSearch"
-                  href="https://www.opensearch.org/"
+                  href="https://docs.aws.amazon.com/opensearch-service/latest/developerguide/what-is.html"
                   rel="noreferrer"
                 >
                   <span
@@ -80,9 +80,9 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                       class="euiButtonEmpty__text"
                     >
                       <div
-                        class="euiText euiText--medium"
+                        class="euiText euiText--small"
                       >
-                        Learn more from documentation and more.
+                        Learn more from documentation
                       </div>
                     </span>
                   </span>
@@ -90,42 +90,40 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
-                style="max-width: 540px;"
               >
+                <h2
+                  class="euiTitle euiTitle--medium"
+                >
+                  Create a workspace
+                </h2>
                 <div
-                  class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder"
+                  class="euiText euiText--small"
                 >
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <span
-                      data-euiicon-type="dashboardApp"
-                    />
-                      Explore live demo environment at
-                     
-                    <a
-                      class="euiLink euiLink--primary"
-                      href="https://playground.opensearch.org/"
-                      rel="noreferrer"
-                    >
-                      playground.opensearch.org
-                    </a>
-                  </div>
+                  Organize projects by use case in a collaborative workspace
                 </div>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive eui-xScrollWithShadows"
+                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsObservability"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -133,54 +131,35 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Create a workspace
+                          Observability
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            <span
-                              class="euiToolTipAnchor"
-                            >
-                              Organize projects by use case in a collaborative workspace.
-                            </span>
+                            Gain visibility into your applications and infrastructure
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <button
-                          class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                          data-test-subj="workspace-initial-card-createWorkspace-button"
-                          type="button"
-                        >
-                          <span
-                            class="euiButtonContent euiButton__content"
-                          >
-                            <span
-                              class="euiButtonContent__icon"
-                              color="inherit"
-                              data-euiicon-type="plus"
-                            />
-                            <span
-                              class="euiButton__text"
-                            >
-                              Create Workspace
-                            </span>
-                          </span>
-                        </button>
-                      </div>
                     </div>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsSecurityAnalytics"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -188,40 +167,35 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Try OpenSearch
+                          Security Analytics
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Explore sample data before adding your own.
+                            Enhance your security posture with advanced analytics
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Sample Datasets
-                          </div>
-                        </div>
-                      </div>
                     </div>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsSearch"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -229,40 +203,35 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Add your data
+                          Search
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Start collecting and analyzing your data.
+                            Discover and query your data with ease
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Getting Started Guide
-                          </div>
-                        </div>
-                      </div>
                     </div>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsEssentials"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -270,55 +239,73 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Discover insights
+                          Essentials
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Explore data interactively to uncover insights.
+                            Just the basics for exploring and analyzing data
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <div
+                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+                >
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                      data-test-subj="workspace-initial-card-createWorkspace-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
+                        <span
+                          class="euiButtonContent__icon"
+                          color="inherit"
+                          data-euiicon-type="plus"
+                        />
+                        <span
+                          class="euiButton__text"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Discover
-                          </div>
-                        </div>
-                      </div>
-                    </div>
+                          Create Workspace
+                        </span>
+                      </span>
+                    </button>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
+                    style="max-width: 540px;"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--subdued euiPanel--noShadow euiPanel--noBorder"
                     >
                       <div
-                        class="euiCard__content"
+                        class="euiText euiText--small"
                       >
                         <span
-                          class="euiTitle euiTitle--small euiCard__title"
-                          id="generated-idTitle"
+                          data-euiicon-type="dashboardApp"
                         />
-                        <div
-                          class="euiText euiText--small euiCard__description"
-                          id="generated-idDescription"
-                        >
-                          <p>
-                            And much more...
-                          </p>
-                        </div>
+                          Explore live demo environment at
+                         
+                        <a
+                          class="euiLink euiLink--primary"
+                          href="https://playground.opensearch.org/"
+                          rel="noreferrer"
+                        >
+                          playground.opensearch.org
+                        </a>
                       </div>
                     </div>
                   </div>
@@ -343,7 +330,7 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                 class="euiButtonEmpty__text"
               >
                 <div
-                  class="euiText euiText--medium"
+                  class="euiText euiText--small"
                 >
                   Settings and setup
                 </div>
@@ -387,7 +374,7 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
         />
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero eui-displayInline"
-          style="width: 1122px;"
+          style="width: 1200px;"
         >
           <div
             class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
@@ -403,17 +390,17 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                 <h1
                   class="euiTitle euiTitle--large"
                 >
-                  Getting started with OpenSearch
+                  Create a workspace to get started
                 </h1>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
-                style="max-width: 650px;"
+                style="max-width: 730px;"
               >
                 <div
-                  class="euiText euiText--medium euiText--constrainedWidth"
+                  class="euiText euiText--small"
                 >
-                  OpenSearch is a flexible, scalable, open-source way to build solutions for data-intensive search and analytics applications. Explore, enrich, and visualize your data, using developer-friendly tools and powerful integrations for machine learning, data processing, and more.
+                  Welcome to OpenSearch! This interface supports you to easily explore, enrich and visualize your data with developer-friendly tools and powerful integrations for machine learning, data process, and more. To begin, create a workspace for your use case.
                 </div>
               </div>
               <div
@@ -422,7 +409,7 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                 <a
                   class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
                   data-test-subj="workspace-initial-button-openSearch"
-                  href="https://www.opensearch.org/"
+                  href="https://docs.aws.amazon.com/opensearch-service/latest/developerguide/what-is.html"
                   rel="noreferrer"
                 >
                   <span
@@ -437,9 +424,9 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                       class="euiButtonEmpty__text"
                     >
                       <div
-                        class="euiText euiText--medium"
+                        class="euiText euiText--small"
                       >
-                        Learn more from documentation and more.
+                        Learn more from documentation
                       </div>
                     </span>
                   </span>
@@ -447,42 +434,40 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
-                style="max-width: 540px;"
               >
+                <h2
+                  class="euiTitle euiTitle--medium"
+                >
+                  Create a workspace
+                </h2>
                 <div
-                  class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder"
+                  class="euiText euiText--small"
                 >
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <span
-                      data-euiicon-type="dashboardApp"
-                    />
-                      Explore live demo environment at
-                     
-                    <a
-                      class="euiLink euiLink--primary"
-                      href="https://playground.opensearch.org/"
-                      rel="noreferrer"
-                    >
-                      playground.opensearch.org
-                    </a>
-                  </div>
+                  Organize projects by use case in a collaborative workspace
                 </div>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive eui-xScrollWithShadows"
+                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsObservability"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -490,54 +475,35 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Create a workspace
+                          Observability
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            <span
-                              class="euiToolTipAnchor"
-                            >
-                              Organize projects by use case in a collaborative workspace.
-                            </span>
+                            Gain visibility into your applications and infrastructure
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <button
-                          class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                          data-test-subj="workspace-initial-card-createWorkspace-button"
-                          type="button"
-                        >
-                          <span
-                            class="euiButtonContent euiButton__content"
-                          >
-                            <span
-                              class="euiButtonContent__icon"
-                              color="inherit"
-                              data-euiicon-type="plus"
-                            />
-                            <span
-                              class="euiButton__text"
-                            >
-                              Create Workspace
-                            </span>
-                          </span>
-                        </button>
-                      </div>
                     </div>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsSecurityAnalytics"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -545,40 +511,35 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Try OpenSearch
+                          Security Analytics
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Explore sample data before adding your own.
+                            Enhance your security posture with advanced analytics
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Sample Datasets
-                          </div>
-                        </div>
-                      </div>
                     </div>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsSearch"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -586,40 +547,35 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Add your data
+                          Search
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Start collecting and analyzing your data.
+                            Discover and query your data with ease
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Getting Started Guide
-                          </div>
-                        </div>
-                      </div>
                     </div>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsEssentials"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -627,55 +583,73 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Discover insights
+                          Essentials
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Explore data interactively to uncover insights.
+                            Just the basics for exploring and analyzing data
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <div
+                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+                >
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                      data-test-subj="workspace-initial-card-createWorkspace-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
                       >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
+                        <span
+                          class="euiButtonContent__icon"
+                          color="inherit"
+                          data-euiicon-type="plus"
+                        />
+                        <span
+                          class="euiButton__text"
                         >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Discover
-                          </div>
-                        </div>
-                      </div>
-                    </div>
+                          Create Workspace
+                        </span>
+                      </span>
+                    </button>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
+                    style="max-width: 540px;"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--subdued euiPanel--noShadow euiPanel--noBorder"
                     >
                       <div
-                        class="euiCard__content"
+                        class="euiText euiText--small"
                       >
                         <span
-                          class="euiTitle euiTitle--small euiCard__title"
-                          id="generated-idTitle"
+                          data-euiicon-type="dashboardApp"
                         />
-                        <div
-                          class="euiText euiText--small euiCard__description"
-                          id="generated-idDescription"
-                        >
-                          <p>
-                            And much more...
-                          </p>
-                        </div>
+                          Explore live demo environment at
+                         
+                        <a
+                          class="euiLink euiLink--primary"
+                          href="https://playground.opensearch.org/"
+                          rel="noreferrer"
+                        >
+                          playground.opensearch.org
+                        </a>
                       </div>
                     </div>
                   </div>
@@ -700,7 +674,7 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                 class="euiButtonEmpty__text"
               >
                 <div
-                  class="euiText euiText--medium"
+                  class="euiText euiText--small"
                 >
                   Settings and setup
                 </div>
@@ -744,7 +718,7 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
         />
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero eui-displayInline"
-          style="width: 1122px;"
+          style="width: 1200px;"
         >
           <div
             class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
@@ -760,17 +734,17 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                 <h1
                   class="euiTitle euiTitle--large"
                 >
-                  Getting started with OpenSearch
+                  Create a workspace to get started
                 </h1>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
-                style="max-width: 650px;"
+                style="max-width: 730px;"
               >
                 <div
-                  class="euiText euiText--medium euiText--constrainedWidth"
+                  class="euiText euiText--small"
                 >
-                  OpenSearch is a flexible, scalable, open-source way to build solutions for data-intensive search and analytics applications. Explore, enrich, and visualize your data, using developer-friendly tools and powerful integrations for machine learning, data processing, and more.
+                  Welcome to OpenSearch! This interface supports you to easily explore, enrich and visualize your data with developer-friendly tools and powerful integrations for machine learning, data process, and more. To begin, create a workspace for your use case.
                 </div>
               </div>
               <div
@@ -779,7 +753,7 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                 <a
                   class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
                   data-test-subj="workspace-initial-button-openSearch"
-                  href="https://www.opensearch.org/"
+                  href="https://docs.aws.amazon.com/opensearch-service/latest/developerguide/what-is.html"
                   rel="noreferrer"
                 >
                   <span
@@ -794,9 +768,9 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                       class="euiButtonEmpty__text"
                     >
                       <div
-                        class="euiText euiText--medium"
+                        class="euiText euiText--small"
                       >
-                        Learn more from documentation and more.
+                        Learn more from documentation
                       </div>
                     </span>
                   </span>
@@ -804,42 +778,40 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
-                style="max-width: 540px;"
               >
+                <h2
+                  class="euiTitle euiTitle--medium"
+                >
+                  Create a workspace
+                </h2>
                 <div
-                  class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder"
+                  class="euiText euiText--small"
                 >
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <span
-                      data-euiicon-type="dashboardApp"
-                    />
-                      Explore live demo environment at
-                     
-                    <a
-                      class="euiLink euiLink--primary"
-                      href="https://playground.opensearch.org/"
-                      rel="noreferrer"
-                    >
-                      playground.opensearch.org
-                    </a>
-                  </div>
+                  Organize projects by use case in a collaborative workspace
                 </div>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive eui-xScrollWithShadows"
+                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsObservability"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -847,18 +819,14 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Create a workspace
+                          Observability
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            <span
-                              class="euiToolTipAnchor"
-                            >
-                              Organize projects by use case in a collaborative workspace.
-                            </span>
+                            Gain visibility into your applications and infrastructure
                           </p>
                         </div>
                       </div>
@@ -868,9 +836,18 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsSecurityAnalytics"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -878,40 +855,35 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Try OpenSearch
+                          Security Analytics
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Explore sample data before adding your own.
+                            Enhance your security posture with advanced analytics
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Sample Datasets
-                          </div>
-                        </div>
-                      </div>
                     </div>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsSearch"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -919,40 +891,35 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Add your data
+                          Search
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Start collecting and analyzing your data.
+                            Discover and query your data with ease
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Getting Started Guide
-                          </div>
-                        </div>
-                      </div>
                     </div>
                   </div>
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--horizontal euiCard--hasIcon"
+                      style="width: 270px; height: 137px;"
                     >
+                      <div
+                        class="euiCard__top"
+                      >
+                        <span
+                          class="euiCard__icon"
+                          color="subdued"
+                          data-euiicon-type="wsEssentials"
+                        />
+                      </div>
                       <div
                         class="euiCard__content"
                       >
@@ -960,55 +927,59 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                           class="euiTitle euiTitle--small euiCard__title"
                           id="generated-idTitle"
                         >
-                          Discover insights
+                          Essentials
                         </span>
                         <div
                           class="euiText euiText--small euiCard__description"
                           id="generated-idDescription"
                         >
                           <p>
-                            Explore data interactively to uncover insights.
+                            Just the basics for exploring and analyzing data
                           </p>
                         </div>
                       </div>
-                      <div
-                        class="euiCard__footer"
-                      >
-                        <div
-                          class="euiText euiText--medium"
-                          style="font-size: 18px;"
-                        >
-                          <div
-                            class="euiTextColor euiTextColor--subdued"
-                          >
-                            with Discover
-                          </div>
-                        </div>
-                      </div>
                     </div>
                   </div>
+                </div>
+              </div>
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <div
+                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+                >
                   <div
                     class="euiFlexItem euiFlexItem--flexGrowZero"
                   >
                     <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned"
-                      style="width: 270px; height: 162px;"
+                      class="euiText euiText--small"
+                      style="max-width: 340px;"
+                    >
+                      Contact your administrator to create a workspace or to be added to an existing one.
+                    </div>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    style="max-width: 540px;"
+                  >
+                    <div
+                      class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--subdued euiPanel--noShadow euiPanel--noBorder"
                     >
                       <div
-                        class="euiCard__content"
+                        class="euiText euiText--small"
                       >
                         <span
-                          class="euiTitle euiTitle--small euiCard__title"
-                          id="generated-idTitle"
+                          data-euiicon-type="dashboardApp"
                         />
-                        <div
-                          class="euiText euiText--small euiCard__description"
-                          id="generated-idDescription"
-                        >
-                          <p>
-                            And much more...
-                          </p>
-                        </div>
+                          Explore live demo environment at
+                         
+                        <a
+                          class="euiLink euiLink--primary"
+                          href="https://playground.opensearch.org/"
+                          rel="noreferrer"
+                        >
+                          playground.opensearch.org
+                        </a>
                       </div>
                     </div>
                   </div>
@@ -1033,7 +1004,7 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                 class="euiButtonEmpty__text"
               >
                 <div
-                  class="euiText euiText--medium"
+                  class="euiText euiText--small"
                 >
                   Settings and setup
                 </div>
diff --git a/src/plugins/workspace/public/components/workspace_initial/workspace_initial.tsx b/src/plugins/workspace/public/components/workspace_initial/workspace_initial.tsx
index 85b158a0928a..7e77a2fa1130 100644
--- a/src/plugins/workspace/public/components/workspace_initial/workspace_initial.tsx
+++ b/src/plugins/workspace/public/components/workspace_initial/workspace_initial.tsx
@@ -20,7 +20,6 @@ import {
   EuiFlexGroup,
   EuiPageContent,
   EuiSmallButton,
-  EuiToolTip,
   EuiSmallButtonEmpty,
 } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
@@ -40,11 +39,6 @@ export const WorkspaceInitial = () => {
   const isDarkTheme = uiSettings.get('theme:darkMode');
   const backGroundUrl = isDarkTheme ? BackgroundDarkSVG : BackgroundLightSVG;
 
-  const noAdminToolTip = i18n.translate('workspace.initial.card.createWorkspace.toolTip', {
-    defaultMessage:
-      'Contact your administrator to create a workspace or to be added to an existing one.',
-  });
-
   const createButton = (
     <EuiSmallButton
       fill
@@ -59,90 +53,66 @@ export const WorkspaceInitial = () => {
     </EuiSmallButton>
   );
 
+  const noAdminText = (
+    <EuiText style={{ maxWidth: '340px' }} size="s">
+      {i18n.translate('workspace.initial.card.createWorkspace.text', {
+        defaultMessage:
+          'Contact your administrator to create a workspace or to be added to an existing one.',
+      })}
+    </EuiText>
+  );
+
   const cards = (
-    <EuiFlexGroup className="eui-xScrollWithShadows">
-      <EuiFlexItem grow={false}>
-        <EuiCard
-          style={{ width: '270px' }}
-          textAlign="left"
-          title={i18n.translate('workspace.initial.card.createWorkspace.title', {
-            defaultMessage: 'Create a workspace',
-          })}
-          description={
-            <EuiToolTip content={isDashboardAdmin ? null : noAdminToolTip}>
-              <>
-                {i18n.translate('workspace.initial.card.createWorkspace.description', {
-                  defaultMessage: 'Organize projects by use case in a collaborative workspace.',
-                })}
-              </>
-            </EuiToolTip>
-          }
-          footer={isDashboardAdmin && createButton}
-        />
-      </EuiFlexItem>
+    <EuiFlexGroup>
       <EuiFlexItem grow={false}>
         <EuiCard
-          style={{ width: '270px', height: '162px' }}
-          textAlign="left"
-          title={i18n.translate('workspace.initial.card.tryOpenSearch.title', {
-            defaultMessage: 'Try OpenSearch',
+          style={{ width: '270px', height: '137px' }}
+          layout="horizontal"
+          icon={<EuiIcon color="subdued" size="xl" type="wsObservability" />}
+          title={i18n.translate('workspace.initial.card.observability.title', {
+            defaultMessage: 'Observability',
           })}
-          description={i18n.translate('workspace.initial.card.tryOpenSearch.description', {
-            defaultMessage: 'Explore sample data before adding your own.',
+          description={i18n.translate('workspace.initial.card.observability.description', {
+            defaultMessage: 'Gain visibility into your applications and infrastructure',
           })}
-          footer={
-            <EuiText color="subdued" style={{ fontSize: '18px' }}>
-              {i18n.translate('workspace.initial.card.tryOpenSearch.footer', {
-                defaultMessage: 'with Sample Datasets',
-              })}
-            </EuiText>
-          }
         />
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiCard
-          style={{ width: '270px', height: '162px' }}
-          textAlign="left"
-          title={i18n.translate('workspace.initial.card.addData.title', {
-            defaultMessage: 'Add your data',
+          style={{ width: '270px', height: '137px' }}
+          layout="horizontal"
+          icon={<EuiIcon color="subdued" size="xl" type="wsSecurityAnalytics" />}
+          title={i18n.translate('workspace.initial.card.securityAnalytics.title', {
+            defaultMessage: 'Security Analytics',
           })}
-          description={i18n.translate('workspace.initial.card.addData.description', {
-            defaultMessage: 'Start collecting and analyzing your data.',
+          description={i18n.translate('workspace.initial.card.securityAnalytics.description', {
+            defaultMessage: 'Enhance your security posture with advanced analytics',
           })}
-          footer={
-            <EuiText color="subdued" style={{ fontSize: '18px' }}>
-              {i18n.translate('workspace.initial.card.addData.footer', {
-                defaultMessage: 'with Getting Started Guide',
-              })}
-            </EuiText>
-          }
         />
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiCard
-          style={{ width: '270px', height: '162px' }}
-          textAlign="left"
-          title={i18n.translate('workspace.initial.card.discoverInsights.title', {
-            defaultMessage: 'Discover insights',
+          style={{ width: '270px', height: '137px' }}
+          layout="horizontal"
+          icon={<EuiIcon color="subdued" size="xl" type="wsSearch" />}
+          title={i18n.translate('workspace.initial.card.search.title', {
+            defaultMessage: 'Search',
           })}
-          description={i18n.translate('workspace.initial.card.discoverInsights.description', {
-            defaultMessage: 'Explore data interactively to uncover insights.',
+          description={i18n.translate('workspace.initial.card.search.description', {
+            defaultMessage: 'Discover and query your data with ease',
           })}
-          footer={
-            <EuiText color="subdued" style={{ fontSize: '18px' }}>
-              {i18n.translate('workspace.initial.card.discoverInsights.footer', {
-                defaultMessage: 'with Discover',
-              })}
-            </EuiText>
-          }
         />
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiCard
-          style={{ width: '270px', height: '162px' }}
-          title={''}
-          description={i18n.translate('workspace.initial.card.muchMore.description', {
-            defaultMessage: 'And much more...',
+          style={{ width: '270px', height: '137px' }}
+          layout="horizontal"
+          icon={<EuiIcon color="subdued" size="xl" type="wsEssentials" />}
+          title={i18n.translate('workspace.initial.card.essentials.title', {
+            defaultMessage: 'Essentials',
+          })}
+          description={i18n.translate('workspace.initial.card.essentials.description', {
+            defaultMessage: 'Just the basics for exploring and analyzing data',
           })}
         />
       </EuiFlexItem>
@@ -155,45 +125,65 @@ export const WorkspaceInitial = () => {
         <EuiTitle size="l">
           <h1>
             {i18n.translate('workspace.initial.title', {
-              defaultMessage: 'Getting started with OpenSearch',
+              defaultMessage: 'Create a workspace to get started',
             })}
           </h1>
         </EuiTitle>
       </EuiFlexItem>
-      <EuiFlexItem grow={false} style={{ maxWidth: '650px' }}>
-        <EuiText grow={false}>
+      <EuiFlexItem grow={false} style={{ maxWidth: '730px' }}>
+        <EuiText size="s">
           {i18n.translate('workspace.initial.description', {
             defaultMessage:
-              'OpenSearch is a flexible, scalable, open-source way to build solutions for data-intensive search and analytics applications. Explore, enrich, and visualize your data, using developer-friendly tools and powerful integrations for machine learning, data processing, and more.',
+              'Welcome to OpenSearch! This interface supports you to easily explore, enrich and visualize your data with developer-friendly tools and powerful integrations for machine learning, data process, and more. To begin, create a workspace for your use case.',
           })}
         </EuiText>
       </EuiFlexItem>
       <EuiFlexItem grow={false} className="eui-displayInline">
         <EuiSmallButtonEmpty
-          href="https://www.opensearch.org/"
+          href="https://docs.aws.amazon.com/opensearch-service/latest/developerguide/what-is.html"
           iconType="popout"
           iconSide="right"
           flush="left"
           data-test-subj="workspace-initial-button-openSearch"
         >
-          <EuiText>
+          <EuiText size="s">
             {i18n.translate('workspace.initial.button.openSearch', {
-              defaultMessage: 'Learn more from documentation and more.',
+              defaultMessage: 'Learn more from documentation',
             })}
           </EuiText>
         </EuiSmallButtonEmpty>
       </EuiFlexItem>
-
-      <EuiFlexItem grow={false} style={{ maxWidth: '540px' }}>
-        <EuiPanel color="subdued" borderRadius="none" hasShadow={false} hasBorder={false}>
-          <EuiText>
-            <EuiIcon type="dashboardApp" size="l" />
-            &nbsp;&nbsp;Explore live demo environment at{' '}
-            <EuiLink href="https://playground.opensearch.org/">playground.opensearch.org</EuiLink>
-          </EuiText>
-        </EuiPanel>
+      <EuiFlexItem grow={false}>
+        <EuiTitle size="m">
+          <h2>
+            {i18n.translate('workspace.initial.createWorkspace.title', {
+              defaultMessage: 'Create a workspace',
+            })}
+          </h2>
+        </EuiTitle>
+        <EuiText size="s">
+          {i18n.translate('workspace.initial.createWorkspace.describe', {
+            defaultMessage: 'Organize projects by use case in a collaborative workspace',
+          })}
+        </EuiText>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>{cards}</EuiFlexItem>
+      <EuiFlexItem grow={false}>
+        <EuiFlexGroup direction="row" justifyContent="spaceBetween" alignItems="center">
+          <EuiFlexItem grow={false}>{isDashboardAdmin ? createButton : noAdminText}</EuiFlexItem>
+          <EuiFlexItem grow={false} style={{ maxWidth: '540px' }}>
+            <EuiPanel color="subdued" paddingSize="s" hasShadow={false} hasBorder={false}>
+              <EuiText size="s">
+                <EuiIcon type="dashboardApp" size="l" />
+                &nbsp;&nbsp;Explore live demo environment at{' '}
+                <EuiLink href="https://playground.opensearch.org/">
+                  playground.opensearch.org
+                </EuiLink>
+              </EuiText>
+            </EuiPanel>
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      </EuiFlexItem>
     </EuiFlexGroup>
   );
 
@@ -205,7 +195,7 @@ export const WorkspaceInitial = () => {
             <EuiImage size="l" alt="OpenSearch" src={logos.OpenSearch.url} />
           </EuiFlexItem>
           <EuiSpacer />
-          <EuiFlexItem grow={false} style={{ width: '1122px' }} className="eui-displayInline">
+          <EuiFlexItem grow={false} style={{ width: '1200px' }} className="eui-displayInline">
             <EuiPageContent
               style={{
                 backgroundImage: `url(${backGroundUrl})`,
@@ -223,7 +213,7 @@ export const WorkspaceInitial = () => {
               href={settingsAndSetupUrl}
               data-test-subj="workspace-initial-button-settingsAndSetup"
             >
-              <EuiText>
+              <EuiText size="s">
                 {i18n.translate('workspace.initial.button.settingsAndSetup', {
                   defaultMessage: 'Settings and setup',
                 })}