diff --git a/_layouts/default.html b/_layouts/default.html
index a4bcf4a5..8b1348fe 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,5 +1,7 @@
 ---
 nav:
+  - title: Try
+    url: /try
   - title: Install
     url: /install
   - title: Get Involved
diff --git a/_sass/components/_container.scss b/_sass/components/_container.scss
new file mode 100644
index 00000000..8ac927a6
--- /dev/null
+++ b/_sass/components/_container.scss
@@ -0,0 +1,19 @@
+@import "settings/spacing";
+
+.container {
+  padding-right: $size;
+  padding-left: $size;
+}
+
+/* all elements in .containers that have a anchor 
+ * need to be scrolled by at least 3 em to not be behind the hidden header.
+ */
+.container * {
+  scroll-margin-top: 3em;
+}
+
+.content {
+  max-width: 640px;
+  margin-right: auto;
+  margin-left: auto;
+}
diff --git a/_sass/settings/_spacing.scss b/_sass/settings/_spacing.scss
new file mode 100644
index 00000000..3478de33
--- /dev/null
+++ b/_sass/settings/_spacing.scss
@@ -0,0 +1,15 @@
+$spacing-ratio: 1.55 !default;
+
+$size: 1rem !default;
+
+$size-0: $size;
+
+$size-1: $size * $spacing-ratio;
+$size-2: $size-1 * $spacing-ratio;
+$size-3: $size-2 * $spacing-ratio;
+$size-4: $size-3 * $spacing-ratio;
+
+$size-n1: $size / $spacing-ratio;
+$size-n2: $size-n1 / $spacing-ratio;
+$size-n3: $size-n2 / $spacing-ratio;
+$size-n4: $size-n3 / $spacing-ratio;