Add a very simple introductory page to the pattern library

src/pattern-library/components/LibraryHome.js

@@ -0,0 +1,38 @@
+import Library from './Library';
+
+export default function LibraryHome() {
+  return (
+    <Library.Page title="Pattern Library">
+      <p>
+        This pattern library demonstrates foundations, patterns and components
+        that can be used in Hypothesis front-end applications.
+      </p>
+
+      <h2 className="LibraryPage__subheading">Foundations</h2>
+
+      <p>
+        <strong>Foundations</strong> are the core design system elements—colors,
+        spacing systems, typography—that define the underlying design
+        fundamentals in Hypothesis UI.
+      </p>
+
+      <p>They exist independently of implementation.</p>
+
+      <h2 className="LibraryPage__subheading">Patterns</h2>
+
+      <p>
+        <strong>Patterns</strong> are modular implementations of the design
+        system <strong>foundations</strong>—from the atomic to the complex.
+        These implementations are in HTML and CSS.
+      </p>
+
+      <h2 className="LibraryPage__subheading">Components</h2>
+
+      <p>
+        <strong>Components</strong> are{' '}
+        <a href="https://preactjs.com/">Preact</a> components that are built
+        using underlying <strong>patterns</strong>.
+      </p>
+    </Library.Page>
+  );
+}

src/pattern-library/routes.js

@@ -1,4 +1,4 @@
-import PlaygroundHome from './components/PlaygroundHome';
+import LibraryHome from './components/LibraryHome';
 
 import ColorFoundations from './components/patterns/ColorFoundations';
 import LayoutFoundations from './components/patterns/LayoutFoundations';
@@ -34,7 +34,7 @@ const routes = [
   {
     route: /^\/?$/,
     title: 'Home',
-    component: PlaygroundHome,
+    component: LibraryHome,
     group: 'home',
   },
   {

styles/pattern-library.scss

@@ -235,6 +235,11 @@ $-library-vertical-spacing: 7;
     font-size: 1.75em;
     font-weight: bold;
   }
+
+  &__subheading {
+    font-size: 1.5em;
+    font-style: italic;
+  }
 }
 
 .LibraryPattern {