WIP update govspeak docs

app/views/govuk_publishing_components/components/docs/govspeak.yml

@@ -88,6 +88,20 @@ examples:
           </li>
           <li>three</li>
         </ul>
+  typography:
+    description: An example of the elements shown above to demonstrate their spacing.
+    data:
+      block: |
+        <h2>Heading 2</h2>
+        <p>Paragraph of text, containing some words, such as the word 'words'. I know all the words.</p>
+        <h3>Heading 3</h3>
+        <p>Another paragraph of text, containing some more words, now including 'including'. These words are longer and more exciting, particularly 'exciting', which is genuinely a thrill to see on such a page as this.</p>
+        <ul>
+          <li>An unordered list item.</li>
+          <li>Another unordered list item.</li>
+          <li>Yet another unordered list item.</li>
+        </ul>
+        <p>A paragraph of text following the list. I'm not going to talk about the words anymore.</p>
   ordered_lists_types:
     description: |
       Govspeak/markdown does not generate HTML with type and start attributes,