diff --git a/website/core/HeaderLinks.js b/website/core/HeaderLinks.js
index 8b24558e50..adeba3e00f 100644
--- a/website/core/HeaderLinks.js
+++ b/website/core/HeaderLinks.js
@@ -15,6 +15,7 @@ var HeaderLinks = React.createClass({
   links: [
     {section: 'docs', href: '/react-native/docs/getting-started.html#content', text: 'docs'},
     {section: 'support', href: '/react-native/support.html', text: 'support'},
+    {section: 'react', href: 'http://facebook.github.io/react', text: 'react'},
     {section: 'github', href: 'http://github.com/facebook/react-native', text: 'github'},
   ],
 
diff --git a/website/core/Site.js b/website/core/Site.js
index f18ccb23c9..d211eb52fe 100644
--- a/website/core/Site.js
+++ b/website/core/Site.js
@@ -39,7 +39,7 @@ var Site = React.createClass({
             <div className="nav-main">
               <div className="wrap">
                 <a className="nav-home" href="/react-native/">
-                  <img src="/react-native/img/logo.png" />
+                  <img src="/react-native/img/header_logo.png" />
                   React Native
                 </a>
                 <HeaderLinks section={this.props.section} />
diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css
index ebef0965cb..32b9ea75d5 100644
--- a/website/src/react-native/css/react-native.css
+++ b/website/src/react-native/css/react-native.css
@@ -285,10 +285,13 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
 }
 
 .nav-home img {
-  vertical-align: -7px;
-  margin-right: 7px;
-  width: 30px;
-  height: 30px;
+  vertical-align: -9px;
+  margin-right: 8px;
+  margin-left: 1px;
+  width: 34px;
+}
+.nav-main a.nav-home {
+  color: white;
 }
 
 .nav-main ul {
diff --git a/website/src/react-native/img/header_logo.png b/website/src/react-native/img/header_logo.png
new file mode 100644
index 0000000000..d0a4b1aa0f
Binary files /dev/null and b/website/src/react-native/img/header_logo.png differ