diff --git a/app/components/ens/welcome.js b/app/components/ens/welcome.js
new file mode 100644
index 0000000..11aa275
--- /dev/null
+++ b/app/components/ens/welcome.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import Button from '@material-ui/core/Button';
+
+const styles = theme => ({
+  button: {
+    margin: theme.spacing.unit,
+    borderRadius: '4px',
+    backgroundColor: 'rgb(67, 96, 223, 0.1)',
+  }
+});
+
+const buttonText = { color: '#4360df', margin: '0 20px', fontWeight: 300 }
+
+const Welcome = ({ classes }) => (
+  <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
+    <Typography variant="title" style={{ textAlign: 'center' }}>
+      Get a human-readable name instead of long addresses
+    </Typography>
+    <Button size="large" className={classNames(classes.button)}>
+      <div style={buttonText}>Let's Go</div>
+    </Button>
+  </div>
+);
+
+export default withStyles(styles)(Welcome);
diff --git a/app/dapp.js b/app/dapp.js
index b42e9bc..c7e6909 100644
--- a/app/dapp.js
+++ b/app/dapp.js
@@ -1,5 +1,6 @@
 import React, { Fragment } from 'react';
 import ReactDOM from 'react-dom';
+import 'typeface-roboto'
 import { Tabs, Tab } from 'react-bootstrap';
 import Toggle from 'react-toggle';
 import EmbarkJS from 'Embark/EmbarkJS';
@@ -15,6 +16,7 @@ import TokenPermissions from './components/standard/TokenPermissionConnect';
 import web3 from "Embark/web3";
 import Paper from '@material-ui/core/Paper';
 import Typography from '@material-ui/core/Typography';
+import Welcome from './components/ens/welcome';
 
 import './dapp.css';
 
@@ -39,15 +41,6 @@ class App extends React.Component {
     });
   }
 
-
-  _renderStatus(title, available) {
-    let className = available ? 'pull-right status-online' : 'pull-right status-offline';
-    return <React.Fragment>
-      {title}
-      <span className={className}></span>
-    </React.Fragment>;
-  }
-
   render() {
     const { admin, network } = this.state;
     return (
@@ -55,7 +48,8 @@ class App extends React.Component {
         <div style={{ display: admin ? 'block' : 'none' }} >
           <AdminMode style={{ display: admin ? 'block' : 'none' }}/>
         </div>
-        {!admin &&
+        <Welcome />
+        {false &&
          <Fragment>
            <Paper elevation={4}>
              <Typography style={{ fontSize: '2.5rem', padding: '0.5%', textAlign: 'center' }} variant="headline" component="h3"><i style={{ fontSize: '1rem' }}>network </i>{network}</Typography>
diff --git a/app/index.html b/app/index.html
index f47066e..40ae63e 100644
--- a/app/index.html
+++ b/app/index.html
@@ -1,7 +1,6 @@
 <html>
   <head>
     <title>Status.im Domain Registration</title>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body class="container">
diff --git a/package.json b/package.json
index a1d1630..537a4e1 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
   "dependencies": {
     "@material-ui/core": "^1.2.1",
     "bignumber.js": "^5.0.0",
+    "classnames": "^2.2.6",
     "eth-ens-namehash": "^2.0.8",
     "formik": "^0.11.11",
     "install": "^0.11.0",
@@ -37,6 +38,7 @@
     "redux-thunk": "^2.3.0",
     "reselect": "^3.0.1",
     "styled-components": "^3.3.2",
+    "typeface-roboto": "0.0.54",
     "web3-utils": "^1.0.0-beta.34"
   },
   "devDependencies": {
