diff --git a/h2/app.r b/h2/app.r
index cf12def..57fa2df 100644
--- a/h2/app.r
+++ b/h2/app.r
@@ -2,6 +2,15 @@ source("./global.r")
 
 ui <- fluidPage(
   includeCSS("./components/layout/style copy.css"),
+  tags$div(class = "container",
+           tags$img(src = "images/earth-header.png", height = "300px", width = "100%", class = "earth", alt = "Earth's atmosphere"),
+           tags$div(
+               a(
+                   img(src = "images/GCIMS_logo_alt.svg", class = "logo"), href = "https://gcims.pnnl.gov/", target = "_blank"),
+               h1("HectorUI", class = "header-text-title"),
+               h2("An Interactive Climate Model", class = "header-text-sub", style = "font-weight:normal; "),
+           ),
+  ),
   navbarPage(
     id = "nav",
     title = "",
@@ -9,7 +18,7 @@ ui <- fluidPage(
     tabPanel(title = "Home",
              includeHTML("./components/layout/homepage.html")),
     tabPanel(title = "Guides"),
-    tabPanel(title = "Explore Hector",
+    tabPanel(title = "Run Hector",
              fluidRow(
                  run_ui("run_1"),
                  #download_ui("download_1"),
diff --git a/h2/components/layout/style copy.css b/h2/components/layout/style copy.css
index fd14914..d475f3d 100644
--- a/h2/components/layout/style copy.css	
+++ b/h2/components/layout/style copy.css	
@@ -1,8 +1,90 @@
 
-.test {
-    font-family:"Barlow Regular", Sans-Serif !important;
-}
-
 h5 {
   font-weight: bold;
 }
+
+body
+{
+	font-family:"Barlow Regular", Sans-Serif !important;
+	font-size: 20px;
+}
+
+.about-info
+{
+    font-size: 12px;
+}
+
+.c-emissions
+{
+    font-size: 14px;
+}
+
+.container {
+    position: relative;
+    width:100%;
+}
+
+.header-text-title
+{
+    position: absolute;
+    color: #FFFFFF;
+    top: 40%;
+    left: 50%;
+    text-align: center;!important
+    max-width: 120px;
+    margin-right: -50%;
+    transform: translate(-50%, -50%)
+}
+
+.header-text-sub
+{
+    position: absolute;
+    color: #FFFFFF;
+    text-align: center;
+    font-size: 100%;
+    top: 60%;
+    left: 50%;
+    margin-right: -50%;
+    transform: translate(-50%, -50%)
+}
+
+.home-text
+{
+    font-size: 16px;
+}
+
+.hrNav
+{
+    font-size: 50px;
+}
+
+.logo
+{
+
+    position: absolute;
+    top: 2rem;
+    left: 2rem;
+    margin:20px;
+  padding:0px 8px;
+  width:5em;
+}
+
+.maps
+{
+    font-size: 16px;
+}
+
+.nav-tabs
+{
+    font-size: 14px;
+}
+
+.output-vars
+{
+    font-size: 16px;
+}
+
+.params
+{
+    font-size: 14px;
+}
diff --git a/h2/www/images/GCIMS_logo_alt.svg b/h2/www/images/GCIMS_logo_alt.svg
new file mode 100644
index 0000000..30aa3ec
--- /dev/null
+++ b/h2/www/images/GCIMS_logo_alt.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="357px" height="95px" viewBox="0 0 357 95" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logo</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="logo" transform="translate(0.240000, 0.310000)" fill="#FFFFFF" fill-rule="nonzero">
+            <rect id="Rectangle" x="150.02" y="2.28" width="21.59" height="88.85"></rect>
+            <polygon id="Path" points="232.55 47.06 232.05 47.06 215.25 2.28 181.67 2.28 181.67 91.13 204.92 91.13 204.42 38.93 204.8 38.93 224.98 91.13 240.03 91.13 260.84 38.93 261.22 38.93 260.71 91.13 284.85 91.13 284.85 2.28 248.47 2.28"></polygon>
+            <path d="M346.06,45.2 C343.38,43.19 340.41,41.58 337.15,40.37 C333.89,39.16 330.75,38.05 327.74,37.04 C325.65,36.37 323.77,35.72 322.09,35.09 C320.42,34.46 318.97,33.77 317.76,33.02 C316.55,32.27 315.63,31.39 315,30.38 C314.37,29.38 314.06,28.12 314.06,26.61 C314.06,24.85 314.46,23.41 315.25,22.28 C316.04,21.15 317.03,20.23 318.2,19.52 C319.37,18.81 320.69,18.33 322.15,18.08 C323.61,17.83 325.06,17.7 326.48,17.7 C329.24,17.7 332.11,18.39 335.08,19.77 C338.05,21.15 340.45,23.01 342.3,25.35 L355.98,10.92 C352.05,7.32 347.47,4.6 342.24,2.76 C337.01,0.92 331.89,0 326.87,0 C322.69,0 318.54,0.52 314.45,1.57 C310.35,2.62 306.67,4.27 303.41,6.53 C300.15,8.79 297.51,11.68 295.5,15.19 C293.49,18.7 292.49,22.93 292.49,27.87 C292.49,31.89 293.14,35.3 294.44,38.1 C295.74,40.9 297.45,43.29 299.59,45.25 C301.72,47.22 304.15,48.83 306.87,50.08 C309.59,51.34 312.37,52.42 315.22,53.34 C318.15,54.26 320.76,55.12 323.06,55.91 C325.36,56.71 327.28,57.58 328.83,58.55 C330.38,59.51 331.57,60.58 332.41,61.75 C333.25,62.92 333.67,64.34 333.67,66.02 C333.67,67.78 333.33,69.28 332.67,70.54 C332,71.79 331.1,72.8 329.97,73.55 C328.84,74.3 327.52,74.85 326.02,75.18 C324.51,75.52 322.96,75.68 321.38,75.68 C317.87,75.68 314.33,74.78 310.78,72.98 C307.22,71.18 304.36,68.94 302.18,66.27 L288.12,80.58 C292.05,84.68 296.99,87.84 302.93,90.06 C308.87,92.28 315.02,93.39 321.38,93.39 C325.73,93.39 329.96,92.8 334.06,91.63 C338.16,90.46 341.8,88.66 344.98,86.23 C348.16,83.8 350.69,80.73 352.57,77.01 C354.45,73.29 355.39,68.87 355.39,63.77 C355.39,59.34 354.51,55.63 352.75,52.66 C350.96,49.7 348.74,47.21 346.06,45.2 Z" id="Path"></path>
+            <path d="M122.45,72.51 C118.96,72.5 115.75,71.87 112.82,70.6 C109.87,69.33 107.34,67.55 105.23,65.28 C103.24,63.14 101.67,60.58 100.49,57.62 L79.06,57.62 L79.06,41.26 L98.91,41.26 C99.21,39.51 99.66,37.84 100.26,36.25 C101.45,33.1 103.13,30.38 105.28,28.07 C107.43,25.76 110,23.95 112.99,22.63 C115.98,21.32 119.26,20.66 122.85,20.66 L141.6,20.66 L141.6,2.14 L121.74,2.14 L121.74,2.15 C115.83,2.2 111.09,2.63 105.84,4.58 C94.51,8.79 84.94,17.35 81.14,28.95 C79.83,32.95 79.38,35.63 79.11,41.16 L49.96,41.16 L49.96,57.65 C49.96,57.65 66.09,57.65 66.09,57.65 C66.09,64.05 62.02,69.53 56.14,71.88 C51.58,73.71 46.42,73.65 41.64,72.54 C36.85,71.43 32.25,69.25 28.7,65.86 C23.45,60.85 21.74,53.64 21.74,46.59 C21.74,42.77 22.36,39.24 23.59,36.02 C24.82,32.79 26.56,30.01 28.79,27.66 C31.02,25.31 33.65,23.48 36.68,22.17 C39.71,20.86 43.01,20.2 46.6,20.2 C50.74,20.2 53.15,20.42 57.71,22.41 C62.27,24.4 65.47,26.31 65.47,26.31 C66.02,23.32 67.79,17.15 73.34,11.41 C73.34,11.41 69.57,7.43 64.01,5.28 C58.45,3.13 52.58,2.17 45.89,2.17 C39.44,2.17 33.42,3.21 27.85,5.28 C22.27,7.35 17.41,10.32 13.27,14.18 C9.11,18.01 5.86,22.69 3.52,28.19 C1.17,33.69 0,39.82 0,46.59 C0,53.28 1.15,59.35 3.46,64.81 C5.77,70.27 8.97,74.95 13.08,78.85 C17.18,82.75 23.77,87.76 29.47,89.92 C40.55,94.1 54.9,94.11 65.83,89.47 C79.42,83.71 83.43,73.26 83.43,73.26 C85.13,75.89 87.07,78.3 89.29,80.46 C93.35,84.4 98.15,86.68 103.69,88.83 C109.22,90.98 115.97,91.27 122.5,91.27 L122.5,91.23 L141.61,91.23 L141.61,72.51 L122.45,72.51 Z" id="Path"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/h2/www/images/GitHub-logo.png b/h2/www/images/GitHub-logo.png
new file mode 100644
index 0000000..41887d7
Binary files /dev/null and b/h2/www/images/GitHub-logo.png differ
diff --git a/h2/www/images/Hector-sm.png b/h2/www/images/Hector-sm.png
new file mode 100644
index 0000000..1bb2f06
Binary files /dev/null and b/h2/www/images/Hector-sm.png differ
diff --git a/h2/www/images/earth-header.png b/h2/www/images/earth-header.png
new file mode 100644
index 0000000..3c986cd
Binary files /dev/null and b/h2/www/images/earth-header.png differ
diff --git a/h2/www/images/hectorcal-doi.svg b/h2/www/images/hectorcal-doi.svg
new file mode 100644
index 0000000..3ab99b7
--- /dev/null
+++ b/h2/www/images/hectorcal-doi.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="186" height="20">
+        <linearGradient id="b" x2="0" y2="100%">
+            <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+            <stop offset="1" stop-opacity=".1"/>
+        </linearGradient>
+        <mask id="a" width="186" height="20">
+            <rect width="186" height="20" rx="3"
+            fill="#fff"/>
+        </mask>
+        <g mask="url(#a)">
+            <path fill="#555" d="M0 0h31v20H0z" />
+            <path fill="#007ec6"
+            d="M31 0h155v20H31z"
+            />
+            <path fill="url(#b)" d="M0 0h186v20H0z" />
+        </g>
+        <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,
+        Verdana,Geneva,sans-serif" font-size="11">
+            <text x="16" y="15" fill="#010101"
+            fill-opacity=".3">
+                DOI
+            </text>
+            <text x="16" y="14">
+                DOI
+            </text>
+            <text x="108"
+            y="15" fill="#010101" fill-opacity=".3">
+                10.5281/zenodo.3515153
+            </text>
+            <text x="108" y="14">
+                10.5281/zenodo.3515153
+            </text>
+        </g>
+    </svg>
\ No newline at end of file
diff --git a/h2/www/images/line.png b/h2/www/images/line.png
new file mode 100644
index 0000000..a3e282e
Binary files /dev/null and b/h2/www/images/line.png differ