diff --git a/.storybook/cloud-four-theme.js b/.storybook/cloud-four-theme.js
new file mode 100644
index 000000000..70873781f
--- /dev/null
+++ b/.storybook/cloud-four-theme.js
@@ -0,0 +1,9 @@
+import { create } from '@storybook/theming/create';
+
+export default create({
+  base: 'light',
+
+  brandTitle: 'Cloud Four Patterns',
+  brandUrl: 'https://cloudfour.com',
+  brandImage: '/logo.svg'
+});
diff --git a/.storybook/main.js b/.storybook/main.js
index b86463ff5..4305f0520 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -1,7 +1,8 @@
 const { resolve } = require('path');
 
 module.exports = {
-  stories: ['../src/**/*.stories.(js|mdx)'],
+  // We load the welcome story separately so it will be the first sidebar item.
+  stories: ['../src/welcome.stories.mdx', '../src/**/*.stories.(js|mdx)'],
   addons: [
     // Core addons
     '@storybook/addon-a11y/register',
diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
new file mode 100644
index 000000000..6be69abb3
--- /dev/null
+++ b/.storybook/manager-head.html
@@ -0,0 +1 @@
+<link rel="shortcut icon" href="/favicon-%NODE_ENV%.ico" />
diff --git a/.storybook/manager.js b/.storybook/manager.js
new file mode 100644
index 000000000..778bec3c8
--- /dev/null
+++ b/.storybook/manager.js
@@ -0,0 +1,6 @@
+import { addons } from '@storybook/addons';
+import cloudFourTheme from './cloud-four-theme';
+
+addons.setConfig({
+  theme: cloudFourTheme
+});
diff --git a/package.json b/package.json
index 7345f0443..f83cc4820 100644
--- a/package.json
+++ b/package.json
@@ -59,8 +59,8 @@
     "twigjs-loader": "1.0.1"
   },
   "scripts": {
-    "storybook": "npm run svg-to-twig && start-storybook -p 6006",
-    "build-storybook": "npm run svg-to-twig && build-storybook",
+    "storybook": "npm run svg-to-twig && start-storybook -p 6006 -s static",
+    "build-storybook": "npm run svg-to-twig && build-storybook -s static",
     "svg-to-twig": "gulp svg-to-twig",
     "check-lint": "npm run check-lint:prettier && npm run check-lint:css && npm run check-lint:js",
     "check-lint:prettier": "prettier --ignore-path .gitignore --list-different '**/*.{scss,js}'",
diff --git a/src/welcome.stories.mdx b/src/welcome.stories.mdx
new file mode 100644
index 000000000..f2682364d
--- /dev/null
+++ b/src/welcome.stories.mdx
@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+
+<Meta title="Getting Started" />
+
+# Welcome!
+
+This is the pattern library for Cloud Four.
+
+Details coming soon.
diff --git a/static/favicon-development.ico b/static/favicon-development.ico
new file mode 100644
index 000000000..7ba77c5fc
Binary files /dev/null and b/static/favicon-development.ico differ
diff --git a/static/favicon-production.ico b/static/favicon-production.ico
new file mode 100644
index 000000000..41bfbb743
Binary files /dev/null and b/static/favicon-production.ico differ
diff --git a/static/logo.svg b/static/logo.svg
new file mode 100644
index 000000000..519aeafa5
--- /dev/null
+++ b/static/logo.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
+  <path d="M10.12,16.67a6.52,6.52,0,0,1-2.86-3.43A2.73,2.73,0,0,1,8,11.74c.72-.83,9.1-9.94,12.65-11.5A16.69,16.69,0,0,0,17.87,0C7.38,0,6.37,7.5,6.37,7.5S0,9.44,0,15.26C0,23.58,10.25,24,10.25,24a24.94,24.94,0,0,0,3.24-.12,1.94,1.94,0,0,0,1.34-1.07c.61-1.5,1.5-3.88,2.37-6.38C13.79,16.58,10.49,16.75,10.12,16.67Z" fill="#215cca"/>
+  <path d="M36,13.49c0-7.36-7.21-8.15-7.21-8.15A9.15,9.15,0,0,0,25.56,2c-.64,2.29-2.31,8.41-2.4,9.56h2.52s.41,0,.3.5c-.24,1.12-.87,3.87-2.22,4l-1.77.1c-.49,2-1,4.14-1.39,5.67a7.05,7.05,0,0,0,4.5,1.36,6.86,6.86,0,0,0,5-1.84C36.19,20.33,36,13.49,36,13.49Z" fill="#215cca"/>
+  <path d="M20.82,4.29A64,64,0,0,0,13.34,12l5.41-.21c1.11-3.11,2.07-5.89,2.49-7.1A.43.43,0,0,0,20.82,4.29Z" fill="#215cca"/>
+</svg>