diff --git a/components/cards.html b/components/cards.html
index dffb174..694bbb0 100644
--- a/components/cards.html
+++ b/components/cards.html
@@ -63,6 +63,23 @@
     </div>
   </section>
 
+  <!-- Component: Basic Card -->
+  <section id="component-basic-card">
+    <p class="sg-preview-label">Component: Basic Card</p>
+
+    <div class="sg-preview-area">
+
+      <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>
+  </section>
+
   <!-- Component: Content Card -->
   <section id="component-content-card">
     <p class="sg-preview-label">Component: Content Card</p>