diff --git a/public/favicon-16.png b/public/favicon-16.png
new file mode 100644
index 000000000..622a8bf3d
Binary files /dev/null and b/public/favicon-16.png differ
diff --git a/public/favicon-32.png b/public/favicon-32.png
new file mode 100644
index 000000000..5aa52ea54
Binary files /dev/null and b/public/favicon-32.png differ
diff --git a/server/pages/components/Layout.js b/server/pages/components/Layout.js
index 023f93320..a962cfac6 100644
--- a/server/pages/components/Layout.js
+++ b/server/pages/components/Layout.js
@@ -4,6 +4,7 @@ import { Helmet } from 'react-helmet';
import Navigation from './Navigation';
import Analytics from '../../../shared/components/Analytics';
import globalStyles from '../../../shared/styles/globals';
+import { color } from '../../../shared/styles/constants';
type Props = {
children?: React$Element<*>,
@@ -17,7 +18,29 @@ export default function Layout({ children }: Props) {
Outline
+
+
+
+
+
+
+
+
+