diff --git a/public/assets/fonts/bold.otf b/public/assets/fonts/bold.otf
new file mode 100644
index 0000000..a5d37ad
Binary files /dev/null and b/public/assets/fonts/bold.otf differ
diff --git a/public/assets/fonts/bold.woff b/public/assets/fonts/bold.woff
new file mode 100644
index 0000000..4beb906
Binary files /dev/null and b/public/assets/fonts/bold.woff differ
diff --git a/public/assets/fonts/regular.otf b/public/assets/fonts/regular.otf
new file mode 100644
index 0000000..5d39cf5
Binary files /dev/null and b/public/assets/fonts/regular.otf differ
diff --git a/public/assets/fonts/regular.woff b/public/assets/fonts/regular.woff
new file mode 100644
index 0000000..de20018
Binary files /dev/null and b/public/assets/fonts/regular.woff differ
diff --git a/public/assets/images/knowit.svg b/public/assets/images/knowit.svg
new file mode 100644
index 0000000..e090b4c
--- /dev/null
+++ b/public/assets/images/knowit.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="133px" height="30px" viewBox="0 0 133 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>knowit</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Lottis---generator" transform="translate(-834.000000, -35.000000)" fill="#333333">
+            <path d="M894.224586,42.2110202 C900.523001,42.2110202 905.456148,47.1945952 905.456148,53.5475235 C905.456148,59.9657889 900.475904,65 894.135321,65 C887.847859,65 882.930046,60.0158805 882.930046,53.6711193 C882.930046,47.2452313 887.902075,42.2110202 894.224586,42.2110202 Z M956.706547,37.2503131 C957.22571,37.2503131 957.520341,37.5454182 957.520341,38.1007822 L957.520341,38.1007822 L957.520341,42.6504111 L962.655567,42.6504111 C963.20266,42.6504111 963.501672,42.9471497 963.501672,43.4660339 L963.501672,43.4660339 L963.501672,45.629231 C963.501672,46.1551934 963.20266,46.451932 962.655567,46.451932 L962.655567,46.451932 L957.520341,46.451932 L957.520341,58.2501497 C957.520341,60.2902956 958.417376,61.1630883 960.530174,61.1630883 C962.198287,61.1630883 963.20266,59.7060745 963.20266,58.307864 L963.20266,58.307864 L963.20266,54.2547959 C963.20266,53.7135883 963.501672,53.4184831 964.036717,53.4184831 L964.036717,53.4184831 L966.161562,53.4184831 C966.704822,53.4184831 967,53.7135883 967,54.2547959 L967,54.2547959 L967,58.6530609 C967,62.4681936 964.338467,64.9215957 960.193375,64.9215957 C956.209837,64.9215957 953.626616,62.3816222 953.626616,58.4521498 L953.626616,58.4521498 L953.626616,46.451932 L951.283262,46.451932 C950.737264,46.451932 950.446467,46.1551934 950.446467,45.629231 L950.446467,45.629231 L950.446467,43.4660339 C950.446467,42.9471497 950.737264,42.6504111 951.283262,42.6504111 L951.283262,42.6504111 L953.626616,42.6504111 L953.626616,38.1007822 C953.626616,37.5454182 953.905365,37.2503131 954.457387,37.2503131 L954.457387,37.2503131 Z M922.723256,42.6079421 C923.133987,42.6079421 923.517883,42.8682009 923.653698,43.2787346 L923.653698,43.2787346 L928.765923,58.0764624 L932.384184,46.451932 L930.682117,46.451932 C930.130096,46.451932 929.852442,46.1551934 929.852442,45.629231 L929.852442,45.629231 L929.852442,43.4660339 C929.852442,42.9471497 930.130096,42.6504111 930.682117,42.6504111 L930.682117,42.6504111 L938.275702,42.6504111 C938.80308,42.6504111 939.102092,42.9471497 939.102092,43.4660339 L939.102092,43.4660339 L939.102092,45.629231 C939.102092,46.1551934 938.80308,46.451932 938.275702,46.451932 L938.275702,46.451932 L936.476703,46.451932 L930.441155,63.9981669 C930.313007,64.3945444 929.937326,64.6526253 929.534263,64.6526253 L929.534263,64.6526253 L927.897912,64.6526253 C927.481706,64.6526253 927.093976,64.3792991 926.966376,63.9818327 L926.966376,63.9818327 L921.962583,49.5946387 L916.936885,63.9818327 C916.792856,64.3792991 916.416627,64.6526253 916.005896,64.6526253 L916.005896,64.6526253 L914.368999,64.6526253 C913.965935,64.6526253 913.593539,64.3945444 913.453891,63.9981669 L913.453891,63.9981669 L907.438059,46.451932 L905.642893,46.451932 C905.099634,46.451932 904.792955,46.1551934 904.792955,45.629231 L904.792955,45.629231 L904.792955,43.4660339 C904.792955,42.9471497 905.099634,42.6504111 905.642893,42.6504111 L905.642893,42.6504111 L913.310409,42.6504111 C913.849835,42.6504111 914.143918,42.9471497 914.143918,43.4660339 L914.143918,43.4660339 L914.143918,45.629231 C914.143918,46.1551934 913.849835,46.451932 913.310409,46.451932 L913.310409,46.451932 L911.61108,46.451932 L915.206889,58.063395 L920.295565,43.2787346 C920.41988,42.8682009 920.79118,42.6079421 921.210673,42.6079421 L921.210673,42.6079421 Z M839.67739,37.2633805 C840.221197,37.2633805 840.515828,37.5606635 840.515828,38.1007822 L840.515828,38.1007822 L840.515828,54.0446288 C840.515828,54.0446288 848.539356,46.015789 850.324587,44.22765 L850.646084,43.9054248 C851.786272,42.7527723 851.911134,42.6373437 852.911126,42.6373437 L852.911126,42.6373437 L856.087989,42.6373437 C856.615367,42.6373437 856.906164,42.9319044 856.906164,43.4660339 L856.906164,43.4660339 L856.906164,45.6657108 C856.906164,46.1769724 856.627415,46.451932 856.087989,46.451932 L856.087989,46.451932 L853.120324,46.451932 L847.031108,52.5892484 L853.690966,60.753099 L856.068274,60.753099 C856.615367,60.753099 856.899045,61.0482041 856.899045,61.5894118 L856.899045,61.5894118 L856.899045,63.7242963 C856.899045,64.2785713 856.615367,64.5600646 856.068274,64.5600646 L856.068274,64.5600646 L853.194256,64.5600646 C851.911134,64.5600646 851.911134,64.5600646 851.019027,63.463493 L851.019027,63.463493 L844.317002,55.3214214 L840.515828,59.1659558 L840.515828,60.753099 L842.254039,60.753099 C842.81318,60.753099 843.106168,61.0482041 843.106168,61.5894118 L843.106168,61.5894118 L843.106168,63.7242963 C843.106168,64.2785713 842.81318,64.5600646 842.254039,64.5600646 L842.254039,64.5600646 L834.845009,64.5600646 C834.31106,64.5600646 834.007119,64.2638705 834.007119,63.7242963 L834.007119,63.7242963 L834.007119,61.5817891 C834.007119,61.0482041 834.31106,60.753099 834.845009,60.753099 L834.845009,60.753099 L836.613889,60.753099 L836.613889,41.0790577 L834.830223,41.0790577 C834.291345,41.0790577 834,40.7763299 834,40.2351222 L834,40.2351222 L834,38.1007822 C834,37.5606635 834.291345,37.2633805 834.830223,37.2633805 L834.830223,37.2633805 Z M871.450404,42.182163 C876.927357,42.182163 880.460735,45.7876731 880.460735,51.3772482 L880.460735,51.3772482 L880.460735,60.753099 L882.228518,60.753099 C882.767397,60.753099 883.062575,61.0482041 883.062575,61.5894118 L883.062575,61.5894118 L883.062575,63.7242963 C883.062575,64.2638705 882.767397,64.5600646 882.228518,64.5600646 L882.228518,64.5600646 L874.828251,64.5600646 C874.289372,64.5600646 873.994742,64.2638705 873.994742,63.7242963 L873.994742,63.7242963 L873.994742,61.5894118 C873.994742,61.0482041 874.289372,60.753099 874.828251,60.753099 L874.828251,60.753099 L876.597678,60.753099 L876.597678,51.7311566 C876.597678,48.0603096 874.552788,45.8606327 871.16344,45.8606327 C867.688112,45.8606327 865.159108,48.4555981 865.159108,52.0398737 L865.159108,52.0398737 L865.159108,60.753099 L866.916487,60.753099 C867.447698,60.753099 867.75821,61.0482041 867.75821,61.5894118 L867.75821,61.5894118 L867.75821,63.7242963 C867.75821,64.2638705 867.447698,64.5600646 866.916487,64.5600646 L866.916487,64.5600646 L859.536482,64.5600646 C858.980627,64.5600646 858.698044,64.2638705 858.698044,63.7242963 L858.698044,63.7242963 L858.698044,61.5894118 C858.698044,61.0482041 858.980627,60.753099 859.536482,60.753099 L859.536482,60.753099 L861.288384,60.753099 L861.288384,46.451932 L859.536482,46.451932 C858.980627,46.451932 858.698044,46.1551934 858.698044,45.6156192 L858.698044,45.6156192 L858.698044,43.4660339 C858.698044,42.9319044 858.980627,42.6504111 859.536482,42.6504111 L859.536482,42.6504111 L864.321766,42.6504111 C864.865573,42.6504111 865.159108,42.9471497 865.159108,43.4660339 L865.159108,43.4660339 L865.159108,44.4820233 C866.800387,42.9553168 868.925233,42.182163 871.450404,42.182163 Z M946.40926,42.6504111 C946.905676,42.6504111 947.195841,42.9032534 947.237544,43.3502687 L947.242769,43.4660339 L947.242769,60.753099 L949.003982,60.753099 C949.504947,60.753099 949.794995,61.0045495 949.836654,61.4689087 L949.841872,61.5894118 L949.841872,63.7242963 C949.841872,64.2223648 949.590359,64.5130562 949.124807,64.5548308 L949.003982,64.5600646 L940.138228,64.5600646 C939.636252,64.5600646 939.347059,64.3076862 939.305538,63.844469 L939.300338,63.7242963 L939.300338,61.5894118 C939.300338,61.0898355 939.550917,60.799956 940.017187,60.7583152 L940.138228,60.753099 L943.340282,60.753099 L943.340282,46.451932 L941.564284,46.451932 C941.067869,46.451932 940.787503,46.1990896 940.747307,45.7465072 L940.742275,45.629231 L940.742275,43.4660339 C940.742275,42.9870638 940.984456,42.6973776 941.444695,42.6556447 L941.564284,42.6504111 L946.40926,42.6504111 Z M894.135321,45.9548268 C890.051565,45.9548268 886.971634,49.2135066 886.971634,53.5475235 C886.971634,57.8815405 890.147949,61.2790613 894.224586,61.2790613 C898.331891,61.2790613 901.430441,57.9969691 901.430441,53.6711193 C901.430441,49.3441805 898.230577,45.9548268 894.135321,45.9548268 Z M945.225809,35 C946.599292,35 947.693478,36.1031053 947.693478,37.4446905 C947.693478,38.7928093 946.599292,39.8735912 945.225809,39.8735912 C943.899424,39.8735912 942.790451,38.7928093 942.790451,37.4446905 C942.790451,36.1031053 943.899424,35 945.225809,35 Z" id="knowit"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/lodd.svg b/public/assets/images/lodd.svg
new file mode 100644
index 0000000..9984fdc
--- /dev/null
+++ b/public/assets/images/lodd.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="140px" height="150px" viewBox="0 0 140 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>Lodd</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Lottis---generator" transform="translate(-486.000000, -492.000000)" fill="#D4F3FE">
+            <g id="Group" transform="translate(486.000000, 474.000000)">
+                <path d="M140,18 L140,168 L0,168 L0,167 C1.1045695,167 2,166.104569 2,165 C2,163.895431 1.1045695,163 0,163 L0,163 L0,161 C1.1045695,161 2,160.104569 2,159 C2,157.895431 1.1045695,157 0,157 L0,157 L0,155 C1.1045695,155 2,154.104569 2,153 C2,151.895431 1.1045695,151 0,151 L0,151 L0,149 C1.1045695,149 2,148.104569 2,147 C2,145.895431 1.1045695,145 0,145 L0,145 L0,143 C1.1045695,143 2,142.104569 2,141 C2,139.895431 1.1045695,139 0,139 L0,139 L0,137 C1.1045695,137 2,136.104569 2,135 C2,133.895431 1.1045695,133 0,133 L0,133 L0,131 C1.1045695,131 2,130.104569 2,129 C2,127.895431 1.1045695,127 0,127 L0,127 L0,125 C1.1045695,125 2,124.104569 2,123 C2,121.895431 1.1045695,121 0,121 L0,121 L0,119 C1.1045695,119 2,118.104569 2,117 C2,115.895431 1.1045695,115 0,115 L0,115 L0,113 C1.1045695,113 2,112.104569 2,111 C2,109.895431 1.1045695,109 0,109 L0,109 L0,107 C1.1045695,107 2,106.104569 2,105 C2,103.895431 1.1045695,103 0,103 L0,103 L0,101 C1.1045695,101 2,100.104569 2,99 C2,97.8954305 1.1045695,97 0,97 L0,97 L0,95 C1.1045695,95 2,94.1045695 2,93 C2,91.8954305 1.1045695,91 0,91 L0,91 L0,89 C1.1045695,89 2,88.1045695 2,87 C2,85.8954305 1.1045695,85 0,85 L0,85 L0,83 C1.1045695,83 2,82.1045695 2,81 C2,79.8954305 1.1045695,79 0,79 L0,79 L0,77 C1.1045695,77 2,76.1045695 2,75 C2,73.8954305 1.1045695,73 0,73 L0,73 L0,71 C1.1045695,71 2,70.1045695 2,69 C2,67.8954305 1.1045695,67 0,67 L0,67 L0,65 C1.1045695,65 2,64.1045695 2,63 C2,61.8954305 1.1045695,61 0,61 L0,61 L0,59 C1.1045695,59 2,58.1045695 2,57 C2,55.8954305 1.1045695,55 0,55 L0,55 L0,53 C1.1045695,53 2,52.1045695 2,51 C2,49.8954305 1.1045695,49 0,49 L0,49 L0,47 C1.1045695,47 2,46.1045695 2,45 C2,43.8954305 1.1045695,43 0,43 L0,43 L0,41 C1.1045695,41 2,40.1045695 2,39 C2,37.8954305 1.1045695,37 0,37 L0,37 L0,35 C1.1045695,35 2,34.1045695 2,33 C2,31.8954305 1.1045695,31 0,31 L0,31 L0,29 C1.1045695,29 2,28.1045695 2,27 C2,25.8954305 1.1045695,25 0,25 L0,25 L0,23 C1.1045695,23 2,22.1045695 2,21 C2,19.8954305 1.1045695,19 0,19 L0,19 L0,18 L140,18 Z" id="Lodd"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/vipps-logo.svg b/public/assets/images/vipps-logo.svg
new file mode 100644
index 0000000..9853afa
--- /dev/null
+++ b/public/assets/images/vipps-logo.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="150px" height="38px" viewBox="0 0 150 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>Vipps Logo</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Lottis---generator" transform="translate(-824.000000, -808.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="Group-8" transform="translate(740.000000, 780.000000)">
+                <path d="M104.45236,29 L98.025642,47.8765817 L91.5476395,29.0005257 L84,29.0005257 L95.200314,57 L100.799686,57 L112,29 L104.45236,29 Z M136.999449,36.5 C136.999449,38.5640278 135.153337,40 132.999173,40 C130.84556,40 129,38.5640278 129,36.5 C129,34.4354861 130.84556,33 132.999173,33 C135.153337,33 137,34.4354861 137,36.5 M127.768031,51.5396035 C132.46435,51.5396035 135.127002,49.3460418 137.645024,46.1732385 C138.999761,44.4468007 140.790991,44.1187017 142.001618,45.0529498 C143.308492,46.0332024 143.356876,47.8066559 142.001618,49.5330936 C138.371296,54.2002893 133.723361,57 127.768031,57 C121.281002,57 115.713781,53.5471245 111.695871,47.6201096 C110.583051,46.0797126 110.872831,44.3062591 112.082939,43.4660426 C113.390333,42.5793158 115.181562,42.9524084 116.343806,44.6328415 C119.248376,48.7393872 122.977025,51.5396035 127.768551,51.5396035 M154,42.4521634 C154,48.0557337 157.282766,51 160.952014,51 C164.427243,51 168,48.2455371 168,42.4521634 C168,36.7534342 164.427243,34 160.999741,34 C157.282766,34 154,36.6114675 154,42.4521634 L154,42.4521634 Z M154.889722,28.7666215 L154.889722,32.5581497 C156.795949,29.9667091 159.776069,28 164.125206,28 C169.59865,28 176,32.5092938 176,42.1541723 C176,52.2299181 169.843361,57.1243418 163.538635,57.1243418 C160.167292,57.1243418 157.186647,55.8281017 154.889722,52.7569379 L154.889722,66 L148,66 L148,28.7666215 L154.889722,28.7666215 Z M187.000519,42.4521634 C187.000519,48.0557337 190.282887,51 193.952272,51 C197.427629,51 201,48.2455371 201,42.4521634 C201,36.7534342 197.427629,34 194,34 C190.282887,34 187,36.6114675 187,42.4521634 L187.000519,42.4521634 Z M196.125206,28 C201.59865,28 208,32.5092938 208,42.1541723 C208,52.2299181 201.842836,57.1243418 195.538635,57.1243418 C192.167292,57.1243418 189.186647,55.8281017 186.889722,52.7569379 L186.889722,66 L180,66 L180,28.7666215 L186.890248,28.7666215 L186.890248,32.5581497 C188.795949,29.9667091 191.776069,28 196.125206,28 Z M222.595543,28 C228.201449,28 232.308258,30.5792958 234,37.0772168 L227.862893,38.0325499 C227.766311,34.735978 225.688761,33.733551 222.740936,33.733551 C220.421411,33.733551 218.730708,34.735978 218.730708,36.3128469 C218.730708,37.5548834 219.599946,38.8450488 222.209735,39.3227153 L226.896036,40.1817906 C231.486274,41.0429359 233.95119,44.004158 233.95119,48.0656174 C233.95119,54.0372254 228.491195,57 223.368718,57 C217.957014,57 211.965819,54.2281885 211,47.4922105 L217.136068,46.5363599 C217.474624,50.0244124 219.649275,51.266449 223.127783,51.266449 C225.785343,51.266449 227.573148,50.3111159 227.573148,48.6390242 C227.573148,47.1578957 226.751682,46.0586934 223.852147,45.5334154 L219.599946,44.769563 C215.106809,43.9570641 212.353186,40.8033264 212.353186,36.7905134 C212.353186,30.5792958 218.053596,28 222.595543,28 Z" id="Vipps-Logo"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/vipps-qr.png b/public/assets/images/vipps-qr.png
new file mode 100644
index 0000000..7421b40
Binary files /dev/null and b/public/assets/images/vipps-qr.png differ
diff --git a/public/images/vipps.png b/public/assets/images/vipps.png
similarity index 100%
rename from public/images/vipps.png
rename to public/assets/images/vipps.png
diff --git a/server.js b/server.js
index 9728c76..6937cfa 100644
--- a/server.js
+++ b/server.js
@@ -48,7 +48,7 @@ passport.use(new LocalStrategy(User.authenticate()));
 // use static serialize and deserialize of model for passport session support
 passport.serializeUser(User.serializeUser());
 passport.deserializeUser(User.deserializeUser());
-app.use("/images", express.static(path.join(__dirname, "public/images")));
+app.use("/public", express.static(path.join(__dirname, "public")));
 app.use("/dist", express.static(path.join(__dirname, "public/dist")));
 app.use("/", loginApi);
 app.use("/api/", updateApi);
diff --git a/src/Vinlottis.vue b/src/Vinlottis.vue
index ea190f7..b7ffd67 100644
--- a/src/Vinlottis.vue
+++ b/src/Vinlottis.vue
@@ -21,4 +21,18 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss">
+@font-face {
+  font-family: "knowit";
+  font-weight: 600;
+  src: url("/../public/assets/fonts/bold.eot"),
+    url("/../public/assets/fonts/bold.woff") format("woff");
+}
+
+@font-face {
+  font-family: "knowit";
+  font-weight: 300;
+  src: url("/../public/assets/fonts/regular.eot"),
+    url("/../public/assets/fonts/regular.woff") format("woff");
+}
+</style>
diff --git a/src/components/CreatePage.vue b/src/components/CreatePage.vue
index 227030a..cc520cf 100644
--- a/src/components/CreatePage.vue
+++ b/src/components/CreatePage.vue
@@ -13,10 +13,17 @@
 <script>
 export default {};
 </script>
-
+<style lang="scss">
+body {
+  margin: 0;
+  color: #333333;
+  font-family: "knowit";
+  padding-bottom: 30px;
+}
+</style>
 <style lang="scss" scoped>
 div {
-  font-family: sans-serif;
+  font-family: "knowit";
 }
 .outer {
   display: flex;
diff --git a/src/components/GeneratePage.vue b/src/components/GeneratePage.vue
index d9bfe29..b4d83f5 100644
--- a/src/components/GeneratePage.vue
+++ b/src/components/GeneratePage.vue
@@ -29,7 +29,7 @@
       ></div>
     </div>
 
-    <img src="/images/vipps.png" class="vipps-image" />
+    <img src="/public/assets/images/vipps.png" class="vipps-image" />
   </div>
 </template>
 
@@ -109,7 +109,7 @@ export default {
 body {
   margin: 0;
   color: #333333;
-  font-family: sans-serif;
+  font-family: Knowit;
   padding-bottom: 30px;
 }
 .header-link {
@@ -122,7 +122,7 @@ h1 {
 h1 {
   width: 100vw;
   text-align: center;
-  font-family: sans-serif;
+  font-family: Knowit;
 }
 
 p {
@@ -155,6 +155,7 @@ p {
 input,
 button {
   font-size: 1.5rem;
+  font-family: "knowit";
 }
 
 input {
@@ -162,7 +163,7 @@ input {
   padding: 8px;
 }
 .container {
-  font-family: sans-serif;
+  font-family: Knowit;
   margin: auto;
   display: flex;
   flex-direction: column;
diff --git a/src/components/LoginPage.vue b/src/components/LoginPage.vue
index ef01858..bd0922f 100644
--- a/src/components/LoginPage.vue
+++ b/src/components/LoginPage.vue
@@ -16,7 +16,7 @@ export default {};
 
 <style lang="scss" scoped>
 div {
-  font-family: sans-serif;
+  font-family: "knowit";
 }
 .outer {
   display: flex;
diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index 2e8df9c..33a7694 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="outer">
-    <h1 class="top-banner">knowit</h1>
+    <h1 class="top-banner">
+      <img src="/public/assets/images/knowit.svg" />
+    </h1>
     <div class="container">
       <h1>Vinlotteri</h1>
       <router-link to="generate" class="generate-link">
@@ -12,7 +14,7 @@
         <WinGraph class="win" />
       </div>
       <TotalBought />
-      <img src="/images/vipps.png" class="vipps-image" />
+      <img src="/public/assets/images/vipps.png" class="vipps-image" />
       <!--<div class="wine-and-highscore-container">
         <Highscore />
         <Wines />
@@ -42,11 +44,22 @@ export default {
 body {
   margin: 0;
   color: #333333;
-  font-family: sans-serif;
+  font-family: "knowit";
   padding-bottom: 30px;
 }
 </style>
 <style lang="scss" scoped>
+@font-face {
+  font-family: "knowit";
+  font-weight: 600;
+  src: url("/../../public/assets/fonts/bold.eot");
+}
+
+@font-face {
+  font-family: "knowit";
+  font-weight: 300;
+  src: url("/../../public/assets/fonts/regular.eot");
+}
 .outer {
   height: 100vh;
   width: 100vw;
@@ -57,7 +70,8 @@ body {
 h1 {
   width: 100vw;
   text-align: center;
-  font-family: sans-serif;
+  font-family: "knowit";
+  font-weight: 300;
 }
 
 .top-banner {
diff --git a/src/ui/Highscore.vue b/src/ui/Highscore.vue
index 3c9400a..abc00f1 100644
--- a/src/ui/Highscore.vue
+++ b/src/ui/Highscore.vue
@@ -28,7 +28,7 @@ export default {
 
 <style lang="scss" scoped>
 div {
-  font-family: sans-serif;
+  font-family: "knowit";
   display: inline-flex;
   flex-direction: column;
 }
diff --git a/src/ui/PurchaseGraph.vue b/src/ui/PurchaseGraph.vue
index 8a6e077..96ede2d 100644
--- a/src/ui/PurchaseGraph.vue
+++ b/src/ui/PurchaseGraph.vue
@@ -77,6 +77,13 @@ export default {
           display: true,
           text: "Antall kjøp"
         },
+        legend: {
+          labels: {
+            // This more specific font property overrides the global property
+            defaultFontFamily: (Chart.defaults.global.defaultFontFamily =
+              "'knowit'")
+          }
+        },
         scales: {
           yAxes: [
             {
diff --git a/src/ui/TotalBought.vue b/src/ui/TotalBought.vue
index 94d0fd9..883bfe3 100644
--- a/src/ui/TotalBought.vue
+++ b/src/ui/TotalBought.vue
@@ -101,7 +101,7 @@ export default {
   max-width: 1400px;
   margin: auto;
   justify-content: space-around;
-  font-family: sans-serif;
+  font-family: "knowit";
 }
 
 .green,
diff --git a/src/ui/WinGraph.vue b/src/ui/WinGraph.vue
index db8185f..8dcd767 100644
--- a/src/ui/WinGraph.vue
+++ b/src/ui/WinGraph.vue
@@ -68,6 +68,13 @@ export default {
           display: true,
           text: "Antall vinn"
         },
+        legend: {
+          labels: {
+            // This more specific font property overrides the global property
+            defaultFontFamily: (Chart.defaults.global.defaultFontFamily =
+              "'knowit'")
+          }
+        },
         scales: {
           yAxes: [
             {
diff --git a/src/ui/Wines.vue b/src/ui/Wines.vue
index 66da186..4a56a7d 100644
--- a/src/ui/Wines.vue
+++ b/src/ui/Wines.vue
@@ -34,7 +34,7 @@ h3 {
     text-align:center;
 }
 div {
-  font-family: sans-serif;
+  font-family: "knowit";
   display: inline-flex;
   flex-direction: column;
 }