diff --git a/README.md b/README.md
index 11ff843..0c873d6 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# AQIMON
+# ![AQIMON](header.png) 
 
 A simple Air Quality Index monitor, designed to work on the Raspberry Pi with the SDS011 Nova PM Sensor.
 
diff --git a/aqimon/static/favicon.ico b/aqimon/static/favicon.ico
index 47fb723..ea62ddc 100644
Binary files a/aqimon/static/favicon.ico and b/aqimon/static/favicon.ico differ
diff --git a/aqimon/static/images/aqimon.png b/aqimon/static/images/aqimon.png
new file mode 100644
index 0000000..08e6679
Binary files /dev/null and b/aqimon/static/images/aqimon.png differ
diff --git a/aqimon/static/index.html b/aqimon/static/index.html
index 908b7f1..3169898 100644
--- a/aqimon/static/index.html
+++ b/aqimon/static/index.html
@@ -4,6 +4,7 @@
     <!-- Required meta tags -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="icon" href="/static/favicon.ico" sizes="32x32">
 
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
diff --git a/aqimon/templates/index.html b/aqimon/templates/index.html
deleted file mode 100644
index 548ec62..0000000
--- a/aqimon/templates/index.html
+++ /dev/null
@@ -1,157 +0,0 @@
-<html>
-
-    <head>
-        <title>AQI Reading</title>
-        <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
-        <!-- CSS only -->
-        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.js"></script>
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
-        <style>
-            .data-header {
-                padding: .5em;
-                margin: 0;
-            }
-
-            .data-subheader {
-                color: darkblue;
-                background-color: lightgray;
-                padding: .25em;
-                margin: 0;
-            }
-
-            .data-container {
-                background-clip: border-box;
-                border: 1px solid darkgray;
-                border-radius: .25rem;
-            }
-
-            .page-header {
-                padding: .25em;
-                margin-bottom: .5em;
-                border-bottom: 1px solid darkgray;
-            }
-
-            .header-row {
-                margin-bottom: 1em;
-            }
-
-            #alert-banner {
-                display: none;
-            }
-        </style>
-    </head>
-
-    <body>
-        <div class="page-header bg-light text-center h1">AQI Monitor</div>
-        <div id="alert-banner" class="alert alert-danger text-center" role="alert">
-            <h4 class="alert-heading">Reader Failed To Start</h4>
-            <div id="alert-exception"></div>
-        </div>
-        <div class="header-row">
-            <div class="row justify-content-md-center">
-              <div class="col-lg-3">
-                <div class="container data-container">
-                    <div class="row">
-                        <h1 id="aqi-header" class="col data-header text-center" style="color: white; background-color: green"></h1>
-                    </div>
-                    <div class="row">
-                        <h5 class="col data-subheader text-center">EPA PM2.5 AQI</h5>
-                    </div>
-                </div>
-              </div>
-              <div class="col-lg-3">
-                <div class="container data-container">
-                    <div class="row">
-                        <h1 id="pm25-header" class="col data-header text-center" style="color: white; background-color: lightblue"></h1>
-                    </div>
-                    <div class="row">
-                        <h5 class="col data-subheader text-center">Raw PM2.5</h5>
-                    </div>
-                </div>
-              </div>
-
-              <div class="col-lg-3">
-                <div class="container data-container">
-                    <div class="row">
-                        <h1 id="pm10-header" class="col data-header text-center" style="color: white; background-color:  lightblue"></h1>
-                    </div>
-                    <div class="row">
-                        <h5 class="col data-subheader text-center">Raw PM10</h5>
-                    </div>
-                </div>
-              </div>
-            </div>
-        </div>
-
-        <div class="row justify-content-md-center">
-             <div class="col-lg-8">
-                <div class="card">
-                    <canvas id="AQI-line-chart" width="800" height="400"></canvas>
-                </div>
-             </div>
-        </div>
-
-         <script>
-            var aqichart = new Chart(document.getElementById("AQI-line-chart"), {
-                type: 'line',
-                data: {
-                    labels : [],
-                    datasets : [{
-                        data : [],
-                        label : "AQI",
-                        borderColor: "#3e95cd",
-                        fill: false
-                    },
-                    {
-                        data : [],
-                        label : "PM2.5",
-                        borderColor: "#8e5ea2",
-                        fill: false
-                    },
-                    {
-                        data : [],
-                        label : "PM10",
-                        borderColor: "#c45850",
-                        fill: false
-                    }]
-                }
-            });
-
-            function pollForStatus(){
-                $.getJSON('api/status', function(data) {
-                    if(data.reader_alive === false){
-                        $("#alert-banner").show();
-                        $("#alert-exception").text(data.reader_exception);
-                    }
-                    setTimeout(pollForStatus,5000);
-                });
-            }
-
-            pollForStatus();
-
-            function pollForData(){
-                $.getJSON('api/alldata', function(data) {
-                    aqichart.data.labels = data.t;
-
-                    aqichart.data.datasets[0].data = data.epa;
-                    aqichart.data.datasets[1].data = data.pm25;
-                    aqichart.data.datasets[2].data = data.pm10;
-
-                    // re-render the chart
-                    aqichart.update();
-
-                    $("#aqi-header").text(data.epa[data.epa.length - 1]);
-                    $("#pm25-header").text(data.pm25[data.pm25.length - 1]);
-                    $("#pm10-header").text(data.pm10[data.pm10.length - 1]);
-
-                    setTimeout(pollForData,15000);
-                });
-            }
-
-            pollForData();
-
-        </script>
-    </body>
-
-</html>
diff --git a/elm/src/Main.elm b/elm/src/Main.elm
index 12e5da1..6817d85 100644
--- a/elm/src/Main.elm
+++ b/elm/src/Main.elm
@@ -6,7 +6,6 @@ import Bootstrap.Form.Select as Select
 import Bootstrap.Grid as Grid
 import Bootstrap.Grid.Col as Col
 import Bootstrap.Grid.Row as Row
-import Bootstrap.Text as Text
 import Browser
 import Chart.Item as CI
 import CurrentReads as CR exposing (..)
@@ -14,8 +13,8 @@ import DeviceStatus as DS exposing (..)
 import EpaCommon as EC exposing (..)
 import EpaLevel as EL exposing (..)
 import Graph as G exposing (..)
-import Html exposing (Attribute, Html, div, h1, h2, h5, text)
-import Html.Attributes exposing (class, style, value)
+import Html exposing (Attribute, Html, div, h1, h2, h5, img, text)
+import Html.Attributes exposing (class, height, src, style, value, width)
 import Http
 import Json.Decode exposing (Decoder, andThen, fail, field, float, int, list, map2, map3, map4, maybe, string, succeed)
 import Task
@@ -312,8 +311,10 @@ view model =
             [ Grid.row [ Row.attrs [ style "padding" "1em" ] ]
                 [ Grid.col []
                     [ h1
-                        []
-                        [ text "AQI Monitor" ]
+                        [ class "d-flex", class "align-items-center" ]
+                        [ img [ src "/static/images/aqimon.png", style "margin-right" "0.5em", width 75, height 75, class "d-inline-block", class "align-text-top" ] []
+                        , text "AQI Monitor"
+                        ]
                     ]
                 ]
             , Grid.row [ Row.attrs [ style "padding" "1em" ] ]
diff --git a/header.png b/header.png
new file mode 100644
index 0000000..dac9a7c
Binary files /dev/null and b/header.png differ
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000..f5c5c97
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8494"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09, custom)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview8496"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="1.9855336"
+     inkscape:cx="387.30143"
+     inkscape:cy="473.67619"
+     inkscape:window-width="1846"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs8491" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#00b6ff;fill-opacity:0.986736;stroke:#ffb400;stroke-width:1.27042;stroke-opacity:1"
+       id="rect9447"
+       width="72.449524"
+       height="72.470917"
+       x="74.249962"
+       y="87.855034"
+       inkscape:label="sky"
+       inkscape:export-filename="aqimon_32.png"
+       inkscape:export-xdpi="11.025511"
+       inkscape:export-ydpi="11.025511" />
+    <path
+       id="rect15271"
+       d="m 116.1145,134.14043 4.31727,-18.11651 16.45393,5.03457 13.66843,-9.08772 4.82703,53.71478 -53.22823,-0.12621 7.47141,-12.00672 -8.87483,-10.36018 z"
+       style="fill:#fcd403;fill-opacity:1;stroke:#ffb400;stroke-opacity:1"
+       sodipodi:nodetypes="ccccccccc" />
+    <circle
+       style="fill:#ffd500;fill-opacity:0.986736;stroke:#ffb400;stroke-width:1.265;stroke-opacity:1"
+       id="path9030"
+       cx="140.53128"
+       cy="153.3887"
+       r="27.557392"
+       inkscape:label="sunbase" />
+    <path
+       id="path10587"
+       style="fill:#ffffff;stroke:#dfdfdf;stroke-width:2.602;stroke-linecap:round;stroke-linejoin:round"
+       d="m 95.669097,110.0462 c 0,0 4.756183,18.94224 -11.932107,13.4234 0,0 -10.753531,17.78439 -13.252725,-3.39214 l -26.047554,-59.014 62.316459,25.061255 c 0,0 9.21058,6.622316 -1.79765,11.471268 0,0 10.86172,15.617827 -9.286423,12.450217 z"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       id="rect15214"
+       style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.735994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 13.205486,28.167538 V 204.86543 H 199.30945 V 28.167538 Z M 73.643114,87.257636 H 147.24226 V 160.85716 H 73.643114 Z"
+       inkscape:export-filename="aqimon.png"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96" />
+  </g>
+</svg>
