diff --git a/README.md b/README.md
index e5752fc1dc..69395ba4f9 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 ﻿# vuejs.org
 
+> Important: This repository is for Vue 1.x and 2.x only. Issues and pull requests related to 3.x are managed in the [v3 doc repo](https://github.com/vuejs/docs-next).
+
 This site is built with [hexo](http://hexo.io/). Site content is written in Markdown format located in `src`. Pull requests welcome!
 
 ## Writing
diff --git a/themes/vue/layout/layout.ejs b/themes/vue/layout/layout.ejs
index cbc7a56c43..8205035927 100644
--- a/themes/vue/layout/layout.ejs
+++ b/themes/vue/layout/layout.ejs
@@ -2,7 +2,7 @@
 <% var isThemes = page.path === 'resources/themes.html' %>
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="with-v3-banner">
   <head>
     <title><%- page.title ? page.title + ' — ' : '' %>Vue.js</title>
     <meta charset="utf-8">
@@ -91,11 +91,8 @@
   </head>
   <body class="<%- isIndex ? '' : 'docs' -%>">
     <div id="mobile-bar" <%- isIndex ? 'class="top"' : '' %>>
-      <a class="menu-button<%- isIndex ? ' blm' : '' %>"></a>
+      <a class="menu-button"></a>
       <a class="logo" href="/"></a>
-      <% if (isIndex) { %>
-        <a class="blm-mobile" href="/#">#BlackLivesMatter</a>
-      <% } %>
     </div>
     <%- partial('partials/header') %>
     <% if (!isIndex) { %>
diff --git a/themes/vue/layout/page.ejs b/themes/vue/layout/page.ejs
index 3dfff64602..df8558e9d3 100644
--- a/themes/vue/layout/page.ejs
+++ b/themes/vue/layout/page.ejs
@@ -8,6 +8,11 @@
   </div>
 <% } %>
 <div class="content <%- page.type ? page.type + ' with-sidebar' : '' %> <%- page.type === 'guide' ? page.path.replace(/.+\//, '').replace('.html', '') + '-guide' : '' %>">
+  <p class="tip warning v3-warning">
+    You’re browsing the documentation for v2.x and ealier.
+    For v3.x, <a href="https://v3.vuejs.org/">click here</a>.
+  </p>
+
   <% if (page.type) { %>
     <% if (page.type === 'menu') { %>
       <form id="search-form">
diff --git a/themes/vue/layout/partials/header.ejs b/themes/vue/layout/partials/header.ejs
index ed21db28d1..93cd0d7082 100644
--- a/themes/vue/layout/partials/header.ejs
+++ b/themes/vue/layout/partials/header.ejs
@@ -1,10 +1,8 @@
 <div>
-  <% if (page.path === 'index.html') { %>
-    <div id="blm">
-      <span id="blm-hashtag">#B<span>lack</span>L<span>ives</span>M<span>atter</span></span>
-      <a href="https://support.eji.org/give/153413/#!/donation/checkout" target="_blank" rel="noreferrer" id="blm-link">Support the Equal Justice Initiative.</a>
-    </div>
-  <% } %>
+  <div id="v3-banner">
+    <span class="hidden-sm">You’re browsing the documentation for v2.x and ealier.</span>
+    <a href="https://v3.vuejs.org/">Click here</a> for v3.x documentation.
+  </div>
 
   <header id="header">
     <a id="logo" href="<%- url_for("/") %>">
diff --git a/themes/vue/source/css/_header.styl b/themes/vue/source/css/_header.styl
index 35da4dc7b3..4b4a3f7119 100644
--- a/themes/vue/source/css/_header.styl
+++ b/themes/vue/source/css/_header.styl
@@ -17,35 +17,25 @@ red-dot-before(leftPos = -8px)
   position: relative
   z-index: $z-header
 
-#blm
-  background-color: #000
-  min-height: $blm-height
+#v3-banner
+  background-color: $green
+  min-height: 40px
   padding: $heading-padding-vertical 60px
   z-index: $z-header - 1
   box-sizing: border-box
   text-align: center
-  color: #fff
-
-#blm-hashtag
-  font-weight: bold
-  margin-right: 4px
-
-#blm-hashtag span
+  color: #d6ffec
   display: none
 
-@media (min-width: 470px)
-  #blm-hashtag span
-    display: inline
+  a
+    color: #fff
+    font-weight: bold
 
-#blm-link
-  color: $green
-  white-space: nowrap
+  @media screen and (max-width: 900px)
+    .hidden-sm
+      display: none
 
 body.docs
-  #blm
-    position: fixed
-    top: 0
-    width: 100%
   #header
     position: fixed
     width: 100%
@@ -54,10 +44,6 @@ body.docs
     position: fixed
     top: $heading-padding-vertical
 
-@media screen and (max-width: 900px)
-  body.docs #blm
-    display: none
-
 #nav
   list-style-type: none
   margin: 0
@@ -171,9 +157,6 @@ body.docs
     left: 12px
     background: url(../images/menu.png) center center no-repeat
     background-size: 24px
-    &.blm
-      background: url(../images/menu-blm.png) center center no-repeat
-      background-size: 24px
   .logo
     position: absolute
     width: 30px
@@ -183,11 +166,6 @@ body.docs
     left: 50%
     margin-left: -15px
     background-size: 30px
-  .blm-mobile
-    position: absolute
-    right: 12px
-    line-height: 40px
-    font-weight: bold
 
 @media print
   #header
diff --git a/themes/vue/source/css/_settings.styl b/themes/vue/source/css/_settings.styl
index 09ac62b398..0ba9c05ab5 100644
--- a/themes/vue/source/css/_settings.styl
+++ b/themes/vue/source/css/_settings.styl
@@ -37,5 +37,3 @@ $z-sidebar = 10
 $z-header = 20
 $z-overlay = 30
 $z-modal = 40
-
-$blm-height = 40px
diff --git a/themes/vue/source/css/index.styl b/themes/vue/source/css/index.styl
index 5ab87697e2..ff77f319d9 100644
--- a/themes/vue/source/css/index.styl
+++ b/themes/vue/source/css/index.styl
@@ -25,9 +25,13 @@ body
     background-color: transparent
     box-shadow: none
     z-index: ($z-sidebar - 1)
-    .logo,
-    .blm-mobile
-      display: none
+
+.with-v3-banner
+  #mobile-bar .logo
+    display: none !important
+
+#v3-banner
+  display: block
 
 #hero,
 #news
diff --git a/themes/vue/source/css/page.styl b/themes/vue/source/css/page.styl
index 0c695f7d92..90746a3d07 100644
--- a/themes/vue/source/css/page.styl
+++ b/themes/vue/source/css/page.styl
@@ -177,6 +177,13 @@
         content: "\f00c"
         font-family: FontAwesome
         background-color: $green
+    &.warning
+      border-left-color: orange
+      &:before
+        background-color: orange
+
+    &.v3-warning
+      margin-top: 0
 
 .guide-links
   margin-top: 2em
