diff --git a/foundations.html b/foundations.html
index 8223008..b79abf0 100644
--- a/foundations.html
+++ b/foundations.html
@@ -160,6 +160,7 @@
         <tr><td>content-card-margin-top-desktop</td><td>100px</td><td>Oberer Außenabstand der Content Card auf Desktop.</td></tr>
         <tr><td>content-card-margin-top-mobile</td><td>1rem</td><td>Oberer Außenabstand der Content Card auf Mobile; entspricht spacing-large.</td></tr>
         <tr><td>notification-card-width</td><td>50%</td><td>Breite der Notification Card relativ zum übergeordneten Layout.</td></tr>
+        <tr><td>user-notification-card-width</td><td>70%</td><td>Desktop-Breite des Patterns User Notification relativ zur verfügbaren Breite.</td></tr>
         <tr><td>public-content-width</td><td>100%</td><td>Standardbreite für wiederverwendbare Public-Content-Wrapper innerhalb der durch das jeweilige Page-Layout begrenzten Breite.</td></tr>
         <tr><td>object-group-card-min-width</td><td>450px</td><td>Mindestbreite der Group Card im Pattern Object Group Card.</td></tr>
         <tr><td>object-group-card-max-width</td><td>650px</td><td>Maximale Breite der Group Card im Pattern Object Group Card.</td></tr>
diff --git a/patterns/notifications.html b/patterns/notifications.html
index be414f8..2a4de35 100644
--- a/patterns/notifications.html
+++ b/patterns/notifications.html
@@ -187,6 +187,32 @@
     </div>
   </section>
 
+  <section id="pattern-user-notification">
+    <p class="sg-preview-label">Pattern: User Notification</p>
+
+    <div class="sg-preview-area sg-user-notification-pattern">
+      <article class="sg-card sg-notifications-pattern__card" data-pattern="user-notification" data-component="notification-card">
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-yellow sg-notifications-pattern__text-segment sg-notifications-pattern__title-segment" data-component-part="card-header">
+          <p class="sg-body">
+            <span class="sg-strong">Kaufsignal Veeva Systems Inc Class A</span>
+          </p>
+        </div>
+
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-yellow sg-notifications-pattern__text-segment" data-component-part="card-header">
+          <p class="sg-body">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean.
+          </p>
+        </div>
+
+        <div class="sg-card-segment sg-card-segment--body sg-card-segment--signal-yellow sg-user-notification-pattern__actions" data-component-part="card-body">
+          <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
+            Bestätigen
+          </button>
+        </div>
+      </article>
+    </div>
+  </section>
+
   <section id="pattern-notifications-small">
     <p class="sg-preview-label">Pattern: Notifications small</p>
 
diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html
index fc74073..c385fe2 100644
--- a/semantic-tokens-patterns.html
+++ b/semantic-tokens-patterns.html
@@ -75,6 +75,7 @@
       <tr><td>layout-notifications-card-max-width</td><td>layout-object-card-max-width</td><td>Maximalbreite der Notification Card im Notifications-Pattern; begrenzt Wachstum konsistent zur Object-Card-Breite.</td></tr>
       <tr><td>layout-notifications-text-segment-fixed-height</td><td>dimension-notifications-text-segment-fixed-height</td><td>Fixe Desktop-Höhe des ersten Text-Segments im Notifications-Pattern; auf Mobile wird die Höhe auf auto gesetzt.</td></tr>
       <tr><td>layout-notifications-text-segment-fixed-height-small</td><td>dimension-notifications-text-segment-fixed-height-small</td><td>Fixe Desktop-Höhe des ersten Text-Segments in der Variante <code>Pattern: Notifications small</code>; auf Mobile wird die Höhe auf auto gesetzt.</td></tr>
+      <tr><td>layout-user-notification-card-width</td><td>dimension-user-notification-card-width</td><td>Breite des Patterns <code>Pattern: User Notification</code>; auf Desktop 70 % der verfügbaren Breite und auf Mobile 100 %.</td></tr>
     </tbody></table>
 
     <h3 class="sg-sub-heading sg-section-h3">Company Card</h3>
diff --git a/styles/01-foundations.css b/styles/01-foundations.css
index 961e118..9abdb8c 100644
--- a/styles/01-foundations.css
+++ b/styles/01-foundations.css
@@ -177,6 +177,7 @@
   --layout-content-card-margin-top-desktop: var(--dimension-content-card-margin-top-desktop);
   --layout-content-card-margin-top-mobile: var(--dimension-content-card-margin-top-mobile);
   --layout-notification-card-width: var(--dimension-notification-card-width);
+  --layout-user-notification-card-width: var(--dimension-user-notification-card-width);
   --dimension-notifications-card-min-width: 445px;
   --layout-notifications-card-flex-basis: var(--dimension-notifications-card-min-width);
   --layout-notifications-card-min-width: var(--dimension-notifications-card-min-width);
@@ -290,6 +291,7 @@
   --dimension-object-group-card-max-width: 650px;
   --dimension-object-group-card-height: 700px;
   --dimension-notification-card-width: 50%;
+  --dimension-user-notification-card-width: 70%;
   --dimension-input-label-width: 9rem;
   --dimension-input-field-desktop-width: 400px;
   --dimension-input-field-max-width: 600px;
diff --git a/styles/28-patterns-notifications.css b/styles/28-patterns-notifications.css
index 50ed93f..d7c34eb 100644
--- a/styles/28-patterns-notifications.css
+++ b/styles/28-patterns-notifications.css
@@ -42,6 +42,15 @@
   height: auto;
 }
 
+.sg-user-notification-pattern {
+  width: var(--layout-user-notification-card-width);
+  margin-inline: auto;
+}
+
+.sg-user-notification-pattern__actions {
+  align-items: flex-end;
+}
+
 .sg-vsf-meldungen-layout {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -91,4 +100,8 @@
   .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment.sg-notifications-pattern__text-segment--small {
     height: auto;
   }
+
+  .sg-user-notification-pattern {
+    width: 100%;
+  }
 }