diff --git a/_src/_assets/images/nosprite/starbase-guides.svg b/_src/_assets/images/nosprite/starbase-guides.svg
new file mode 100644
index 0000000..2612699
--- /dev/null
+++ b/_src/_assets/images/nosprite/starbase-guides.svg
@@ -0,0 +1,141 @@
+
diff --git a/_src/_assets/styles/_page-guides.scss b/_src/_assets/styles/_page-guides.scss
index 1e19db9..14097c2 100644
--- a/_src/_assets/styles/_page-guides.scss
+++ b/_src/_assets/styles/_page-guides.scss
@@ -1,3 +1,25 @@
+.header--guides {
+ background: url('../img/nosprite/starbase-guides.svg') no-repeat center bottom;
+ background-size: contain;
+ padding-bottom: 17%;
+
+ &:before {
+ display: none;
+ }
+
+ > .row {
+ @extend .row--wide;
+ }
+
+ .header__tagline {
+ @media ($screen-sm) {
+ max-width: 40rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+ }
+}
+
.content--guide {
.content--page--markdown {
padding-top: $spacer * 4;
@@ -66,6 +88,7 @@
@include color-overlay;
background-size: cover;
background-position: center;
+ background-image: url('../img/hero-berlin.jpg');
display: block;
box-shadow: none;
background-color: $brand-main-blue-dark;
diff --git a/_src/_includes/header.html b/_src/_includes/header.html
index 0452362..d4b528f 100644
--- a/_src/_includes/header.html
+++ b/_src/_includes/header.html
@@ -1,4 +1,4 @@
-