diff --git a/app/assets/stylesheets/govuk-component/_govspeak.scss b/app/assets/stylesheets/govuk-component/_govspeak.scss
index 674b6cf69..30c09d33b 100644
--- a/app/assets/stylesheets/govuk-component/_govspeak.scss
+++ b/app/assets/stylesheets/govuk-component/_govspeak.scss
@@ -530,4 +530,14 @@
       margin-right: (($thumbnail-width * -1) - $gutter-half);
     }
   }
+
+  .example {
+    border-left: 10px solid $panel-colour;
+    padding-left: 1.5em;
+    margin: 2.5em 0;
+
+    strong {
+      display: block;
+    }
+  }
 }
diff --git a/app/views/govuk_component/docs/govspeak.yml b/app/views/govuk_component/docs/govspeak.yml
index 437209903..4b804f3ee 100644
--- a/app/views/govuk_component/docs/govspeak.yml
+++ b/app/views/govuk_component/docs/govspeak.yml
@@ -507,3 +507,11 @@ fixtures:
           </div>
         </div>
       </section>
+  example:
+    content: |
+      <div class="example">
+        <p>
+          This is an indented example block.<br/>
+          It may span multiple lines, <a href="#">contain links</a>.
+        </p>
+      </div>