diff --git a/404.html b/404.html
new file mode 100644
index 00000000..0d6905dc
--- /dev/null
+++ b/404.html
@@ -0,0 +1,3 @@
+---
+layout: default
+---
diff --git a/README.md b/README.md
index 1036604f..5171cc15 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,7 @@ SVG icons for popular brands. [See them all on one page at **simpleicons.org**](
- [ ] Jekyll code for sorting icons by hue
- [ ] JS search function
- [ ] Analytics tracking for icon clicks
+- [ ] Social sharing tags
- [ ] AMP support
- [ ] New README.md
- [ ] New CONTRIBUTING.md
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 00000000..993c1087
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,3 @@
+sass:
+ sass_dir: _sass
+ style: compressed
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 00000000..771012bb
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_sass/_components.navbar.scss b/_sass/_components.navbar.scss
new file mode 100644
index 00000000..78795425
--- /dev/null
+++ b/_sass/_components.navbar.scss
@@ -0,0 +1,38 @@
+.navbar {
+ background-color: $color-black;
+}
+
+.navbar__nav {
+ display: flex;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ @media (min-width: 720px) {
+ padding: 0 1.5rem;
+ }
+}
+
+.navbar__nav-item {
+ a {
+ color: #FFF;
+ display: block;
+ opacity: 0.5;
+ padding: 1.5rem 0.375rem;
+ &:focus, &:hover {
+ opacity: 1;
+ }
+ }
+ &:last-child {
+ a {
+ padding: 1.5rem 1.5rem 1.5rem 0.375rem;
+ }
+ }
+}
+
+.navbar__nav-item--home {
+ flex-grow: 1;
+ a {
+ opacity: 1;
+ padding: 1.5rem 0 1.5rem 1.5rem;
+ }
+}
diff --git a/_sass/_elements.scss b/_sass/_elements.scss
new file mode 100644
index 00000000..45be254c
--- /dev/null
+++ b/_sass/_elements.scss
@@ -0,0 +1,16 @@
+:root {
+ font-size: 100%;
+}
+
+a {
+ text-decoration: none;
+}
+
+body {
+ background-color: $color-white;
+ color: $color-black;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+ font-size: 0.875rem;
+ line-height: 1.5rem;
+ margin: 0;
+}
diff --git a/_sass/_settings.colours.scss b/_sass/_settings.colours.scss
new file mode 100644
index 00000000..7de8a826
--- /dev/null
+++ b/_sass/_settings.colours.scss
@@ -0,0 +1,2 @@
+$color-black: #263238;
+$color-white: #FFFFFF;
diff --git a/css/styles.scss b/css/styles.scss
new file mode 100644
index 00000000..8768aa2e
--- /dev/null
+++ b/css/styles.scss
@@ -0,0 +1,8 @@
+---
+---
+
+@import "settings.colours";
+
+@import "elements";
+
+@import "components.navbar";
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..0d6905dc
--- /dev/null
+++ b/index.html
@@ -0,0 +1,3 @@
+---
+layout: default
+---