diff --git a/src/layout/_borders.scss b/src/layout/_borders.scss
new file mode 100644
index 0000000..42693b0
--- /dev/null
+++ b/src/layout/_borders.scss
@@ -0,0 +1,61 @@
+
+.border {
+  border: 2px solid $primary;
+}
+
+.border,
+.border-1,
+.child-borders>*:nth-child(6n+1) {
+  @include border-style(1);
+}
+
+.border-2,
+.child-borders>*:nth-child(6n+2) {
+  @include border-style(2);
+}
+
+.border-3,
+.child-borders>*:nth-child(6n+3) {
+  @include border-style(3);
+}
+
+.border-4,
+.child-borders>*:nth-child(6n+4) {
+  @include border-style(4);
+}
+
+.border-5,
+.child-borders>*:nth-child(6n+5) {
+  @include border-style(5);
+}
+
+.border-6,
+.child-borders>*:nth-child(6n+6) {
+  @include border-style(6);
+}
+
+.child-borders>* {
+  border: 2px solid $primary;
+}
+
+.border-white {
+  border-color: $white;
+}
+
+.border-dotted {
+  border-style: dotted;
+}
+
+.border-dashed {
+  border-style: dashed;
+}
+
+.border-thick {
+  border-width: 5px;
+}
+
+@each $colorName, $color in $colors {
+  .border-#{$colorName} {
+    border-color: $color;
+  }
+}
diff --git a/src/layout/_fonts.scss b/src/layout/_fonts.scss
new file mode 100644
index 0000000..ec00b7c
--- /dev/null
+++ b/src/layout/_fonts.scss
@@ -0,0 +1,39 @@
+html {
+  font-size: $global-font-size;
+  font-family: $body-font, sans-serif;
+  color: $font-color;
+}
+p, a, button, table, thead, tbody, th, tr, td, input, textarea, select, option {
+  font-family: $body-font, sans-serif;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-family: $header-font, sans-serif;
+  font-weight: normal;
+}
+h1 {
+  font-size: 4rem;
+}
+h2 {
+  font-size: 3rem;
+}
+h3 {
+  font-size: 2rem;
+}
+h4 {
+  font-size: 1.5rem;
+}
+h5 {
+  font-size: 1rem;
+}
+h6 {
+  font-size: .8rem;
+}
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
diff --git a/src/layout/_shadows.scss b/src/layout/_shadows.scss
new file mode 100644
index 0000000..9a89741
--- /dev/null
+++ b/src/layout/_shadows.scss
@@ -0,0 +1,28 @@
+.shadow {
+  @include shadow();
+
+  &.shadow-large {
+    @include shadow(large);
+  }
+
+  &.shadow-small {
+    @include shadow(small);
+  }
+  &.shadow-hover {
+    &:hover {
+      @include shadow(hover);
+    }
+  }
+}
+
+.child-shadows > * {
+  @include shadow();
+}
+
+.child-shadows-hover > * {
+  @include shadow();
+
+  &:hover {
+    @include shadow(hover);
+  }
+}