diff --git a/patterns/public-page-patterns.html b/patterns/public-page-patterns.html
index 703db63..3ebef56 100644
--- a/patterns/public-page-patterns.html
+++ b/patterns/public-page-patterns.html
@@ -36,6 +36,20 @@
         </div>
       </div>
 
+      <p class="sg-preview-label">pattern: Content Focus Box</p>
+
+      <div class="sg-preview-area">
+        <div class="sg-content-group-box" data-component="content-group-box">
+          <article class="sg-card" data-component="basic-card">
+            <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body">
+              <p class="sg-body">
+                Basic Card mit nur einem Segment und hellgrauer Fläche gemäss Token.
+              </p>
+            </div>
+          </article>
+        </div>
+      </div>
+
       <p class="sg-preview-label">pattern: CTA box left</p>
 
       <div class="sg-preview-area">