diff --git a/components/01-atoms/buttons/_buttons.scss b/components/01-atoms/buttons/_buttons.scss
index 2977709..14dc049 100644
--- a/components/01-atoms/buttons/_buttons.scss
+++ b/components/01-atoms/buttons/_buttons.scss
@@ -203,6 +203,9 @@ $button-colors: (
   &-internal {
     @include button($white,$green, $green, $white);
   }
+  &-black {
+    @include button($black, $white, $white, $black);
+  }
   &-internal--active {
     display: block;
     position: relative;
diff --git a/components/04-templates/_default.scss b/components/04-templates/_default.scss
index eab3cf1..10b0f20 100644
--- a/components/04-templates/_default.scss
+++ b/components/04-templates/_default.scss
@@ -429,3 +429,102 @@ $main-width: calc(100% - (#{$sidebar-width} + #{$gutter}));
     }
   }
 }
+
+.domain-oda.path-frontpage {
+  .main,
+  .dingo-layout {
+    display: block;
+  }
+
+  .layout__region--content {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-gap: 1rem;
+    grid-template-columns:repeat( 16, minmax(20px, 1fr) );
+
+    .block:first-child {
+      grid-column: 1 / 12;
+    }
+
+    .block:nth-child(2) {
+      grid-column: 13 / 17;
+      ul {
+        list-style: none;
+        padding: 0;
+        li {
+          border-bottom: 1px solid $gray-lightest;
+          margin-bottom: .35rem;
+          padding-bottom: .5rem;
+        }
+      }
+    }
+
+    .block:nth-child(3) {
+      grid-column: 1 / 17;
+      background: url('../images/oda_front_reports_bg.png') no-repeat center center;
+      background-size: cover;
+      padding: 2rem 0;
+      .inner-content {
+        background: rgba(207, 184, 124, 0.9);
+        padding: 25px;
+        width: 75%;
+        border-radius: 5px;
+        h2 {
+          color: $black;
+          border-bottom: 1px solid $black;
+          span {
+            border: none;
+          }
+        }
+      }
+    }
+
+    .block:nth-child(4) {
+      grid-column: 1 / 17;
+    }
+
+    .block:not(.contextual-region):has(a):nth-child(3n-1) {
+      grid-column: 1 / 5;
+    }
+
+    .block:not(.contextual-region):has(a):nth-child(3n) {
+      grid-column: 6 / 11;
+    }
+
+    .block:not(.contextual-region):has(a):nth-child(3n-2) {
+      grid-column: 12 / 17;
+    }
+
+    .block:not(.contextual-region):has(a) {
+      h2 {
+        position: relative;
+        font-size: 1rem;
+        text-transform: uppercase;
+        text-align: center;
+        border: none;
+        margin-bottom: .75rem;
+        span {
+          border: none;
+        }
+        &:before {
+          display: block;
+          content: "";
+          height: 25px;
+          width: 100%;
+          margin-bottom: .5rem;
+          background: url('../images/icons/oda_front_wwd_title.svg') no-repeat center center;
+        }
+        &:after {
+          content: "";
+          position: absolute;
+          left: 42%;
+          right: 42%;
+          bottom: -.4rem;
+          height: 1px;
+          width: 16%;
+          border-bottom:4px solid $gold;
+        }
+      }
+    }
+  }
+}
diff --git a/images/icons/oda_front_wwd_title.svg b/images/icons/oda_front_wwd_title.svg
new file mode 100644
index 0000000..ab30a4a
--- /dev/null
+++ b/images/icons/oda_front_wwd_title.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.42857 0C1.5375 0 0 1.5375 0 3.42857V20.5714C0 22.4625 1.5375 24 3.42857 24H20.5714C22.4625 24 24 22.4625 24 20.5714V3.42857C24 1.5375 22.4625 0 20.5714 0H3.42857ZM6.85714 10.2857C7.80536 10.2857 8.57143 11.0518 8.57143 12V17.1429C8.57143 18.0911 7.80536 18.8571 6.85714 18.8571C5.90893 18.8571 5.14286 18.0911 5.14286 17.1429V12C5.14286 11.0518 5.90893 10.2857 6.85714 10.2857ZM10.2857 6.85714C10.2857 5.90893 11.0518 5.14286 12 5.14286C12.9482 5.14286 13.7143 5.90893 13.7143 6.85714V17.1429C13.7143 18.0911 12.9482 18.8571 12 18.8571C11.0518 18.8571 10.2857 18.0911 10.2857 17.1429V6.85714ZM17.1429 13.7143C18.0911 13.7143 18.8571 14.4804 18.8571 15.4286V17.1429C18.8571 18.0911 18.0911 18.8571 17.1429 18.8571C16.1946 18.8571 15.4286 18.0911 15.4286 17.1429V15.4286C15.4286 14.4804 16.1946 13.7143 17.1429 13.7143Z" fill="#CFB87C"/>
+</svg>
diff --git a/images/oda_front_reports_bg.png b/images/oda_front_reports_bg.png
new file mode 100644
index 0000000..b2a7cdd
Binary files /dev/null and b/images/oda_front_reports_bg.png differ