diff --git a/public/img/onboarding-welcome-bg.png b/public/img/onboarding-welcome-bg.png
new file mode 100644
index 000000000..64916e9d3
Binary files /dev/null and b/public/img/onboarding-welcome-bg.png differ
diff --git a/public/views/onboarding/welcome.html b/public/views/onboarding/welcome.html
index dbcde98e3..849c6a59f 100644
--- a/public/views/onboarding/welcome.html
+++ b/public/views/onboarding/welcome.html
@@ -1,13 +1,20 @@
-<ion-view>
+<ion-view id="onboard-welcome" class="onboarding">
   <ion-content>
     <div class="text-center">
-        <h2>bitpay</h2>
-
-      <span translate>
-        Take control of your money - get started with bitcoin
-      </span>
-      <button class="button button-block button-positive" href ui-sref="onboarding.tour" translate>Get started</button>
-      <button class="button button-block button-light" translate>Restore</button>
+      <div class="row">
+        <img src='../../img/bitpay-logo.svg' class="logo col col-50" />
+      </div>
+      <div class="row">
+        <p translate class="text-center col col-60">
+          Take control of your money - get started with bitcoin
+        </p>
+      </div>
+      <div class="row">
+        <button class="button button-block get-started col col-75" href ui-sref="onboarding.tour" translate>Get started</button>
+      </div>
+      <div class="row">
+        <button class="button button-block restore col col-75" translate>Restore</button>
+      </div>
     </div>
   </ion-content>
 </ion-view>
diff --git a/src/sass/general/layout.scss b/src/sass/general/layout.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/sass/main.scss b/src/sass/main.scss
index bfbbb019d..485e5e3c7 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -992,5 +992,5 @@ input[type=number] {
   }
 }
 
-@import 'general/layout';
-@import 'views/onboarding/terms-of-use';
+@import 'mixins/mixins';
+@import 'views/onboarding/onboarding';
diff --git a/src/sass/mixins/layout.scss b/src/sass/mixins/layout.scss
new file mode 100644
index 000000000..71affb4b8
--- /dev/null
+++ b/src/sass/mixins/layout.scss
@@ -0,0 +1,4 @@
+@mixin center-block($topBottom: 0) {
+  float:none;
+  margin: $topBottom auto;
+}
\ No newline at end of file
diff --git a/src/sass/mixins/mixins.scss b/src/sass/mixins/mixins.scss
new file mode 100644
index 000000000..933fea1f7
--- /dev/null
+++ b/src/sass/mixins/mixins.scss
@@ -0,0 +1 @@
+@import "layout";
\ No newline at end of file
diff --git a/src/sass/views/onboarding/onboard-welcome.scss b/src/sass/views/onboarding/onboard-welcome.scss
new file mode 100644
index 000000000..7d6e052fa
--- /dev/null
+++ b/src/sass/views/onboarding/onboard-welcome.scss
@@ -0,0 +1,25 @@
+#onboard-welcome {
+  ion-content {
+    background: url(../img/onboarding-welcome-bg.png);
+    background-position: top center;
+    background-size: contain;
+    background-repeat-y: no-repeat;
+    .logo, p {
+      @include center-block();
+    }
+    .logo{
+      margin-top:15rem;
+    }
+    button {
+      @include center-block(1rem);
+      color: #fff;
+      &.get-started {
+        background: rgb(100, 124, 232);
+        margin-top: 4rem;
+      }
+      &.restore {
+        background: none;
+      }
+    }
+  }
+}
diff --git a/src/sass/views/onboarding/onboarding.scss b/src/sass/views/onboarding/onboarding.scss
new file mode 100644
index 000000000..94b0df66f
--- /dev/null
+++ b/src/sass/views/onboarding/onboarding.scss
@@ -0,0 +1,13 @@
+.onboarding {
+  background: rgba(30, 49, 134, 1);
+  background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
+  background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
+  color:#fff;
+}
+
+@import "terms-of-use";
+@import "onboard-welcome";