diff --git a/frontend/public/images/hutopymedia/loginpage/hutopylogin.svg b/frontend/public/images/hutopymedia/loginpage/hutopylogin.svg
new file mode 100644
index 0000000..d11e4a1
--- /dev/null
+++ b/frontend/public/images/hutopymedia/loginpage/hutopylogin.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1202 376" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M68,96C68.09,93.398 71.421,91.358 74,91C80,90.167 98,90.167 104,91C106.579,91.358 109.774,93.406 110,96C111,107.5 110,160 110,160L171,160C171,160 170.167,107.5 171,96C171.17,93.649 173.665,91.324 176,91C182,90.167 200.833,90.5 207,91C209.229,91.181 212.922,91.765 213,94C214,122.667 214,234 213,263C212.91,265.602 209.58,267.651 207,268C200.833,268.833 182,268.333 176,268C174.208,267.9 171.13,267.79 171,266C170.167,254.5 171,199 171,199L110,200C110,200 110.833,251.667 110,263C109.827,265.351 107.336,267.684 105,268C98.833,268.833 79.167,268.667 73,268C70.878,267.771 68.062,266.133 68,264C67.167,235.333 67,124.833 68,96Z" style="fill:white;"/>
+    <path d="M251,96C251.374,93.461 252.451,91.071 256,91C261.475,90.891 285.614,90.963 289,91C291.413,91.026 292.894,92.908 293,96C293.106,99.092 292.667,193 294,215C294.298,219.913 297.667,224.833 301,228C304.333,231.167 309.314,233.093 314,234C319.167,235 326.5,235.667 332,234C337.5,232.333 343.833,228 347,224C350.013,220.195 350.848,214.851 351,210C351.667,188.667 350.826,101.008 351,96C351.112,92.772 355.006,90.989 357,91C360.962,91.021 387.092,91.088 389,91C390.908,90.912 393.622,92.504 394,94C394.611,96.417 394.589,216.837 394,222C393.746,224.227 391.394,231.223 390,234C388.606,236.777 386.179,243.243 383,247C379.333,251.333 373.699,256.639 368,260C361.5,263.833 352.525,268.437 344,270C334,271.833 318.833,272.333 308,271C297.954,269.764 286.5,265.667 279,262C272.826,258.982 267.333,254.333 263,249C258.667,243.667 254.05,235.036 253,230C251.95,224.964 250.95,222.146 251,219C251.05,215.854 250.579,98.856 251,96Z" style="fill:white;"/>
+    <path d="M419,94C419,94 421.048,91.261 423,91C426.899,90.478 556,91 556,91C556,91 558.986,93.053 559,95C559.017,97.459 559,125 559,125C559,125 555.96,129.013 553,129C548.051,128.979 510,129 510,129L510,264C510,264 507.857,267.915 505,268C491.15,268.413 474.868,268.106 473,268C471.132,267.894 468.048,265.463 468,263C467.917,258.698 468,129 468,129L425,129C425,129 419.265,126.448 419,124C418.735,121.552 419,94 419,94Z" style="fill:white;"/>
+    <path d="M1053,157C1053,157 1023.67,104 1017,93C1016.23,91.725 1014.79,91.066 1013,91C1004,90.667 982.833,91.167 976,91C973.866,90.948 971.045,94.091 972,96C981.167,114.333 1031,201 1031,201C1031,201 1030.5,250.833 1031,262C1031.1,264.234 1031.76,268 1034,268C1040.33,268 1062.5,269 1069,268C1071.38,267.635 1072.82,264.397 1073,262C1073.83,250.833 1074,201 1074,201C1074,201 1120.17,116.333 1129,98C1130.05,95.814 1128.67,91 1127,91C1119.67,91 1096.67,90.667 1090,91C1088.8,91.06 1087.59,91.952 1087,93C1080.83,104 1053,157 1053,157Z" style="fill:white;"/>
+    <path d="M583,129C583,129 595.383,116.769 603,112C610.617,107.231 623.098,101.982 634,100C645,98 658.167,98.167 669,100C679.502,101.777 691.333,107 699,111C705.092,114.179 710.333,119.333 715,124C719.528,128.528 723.5,133.833 727,139C730.432,144.066 733.922,149.245 736,155C738.167,161 739.411,168.227 740,175C740.667,182.667 741,193.167 740,201C739.078,208.222 736.957,215.347 734,222C730.667,229.5 724.667,239.833 720,246C716.157,251.078 711.211,255.339 706,259C699.833,263.333 691,269 683,272C675.043,274.984 666,276.333 658,277C650.353,277.637 642.167,277.167 635,276C628.13,274.882 622.163,273.477 615,270C607.837,266.523 604.664,264.241 601,262C597.336,259.759 605.84,268.443 612,273C618.16,277.557 624.166,281.932 631,285C639.167,288.667 650.976,293.601 661,295C675.333,297 697.167,295.833 712,292C725.859,288.419 738.82,280.939 750,272C758.702,265.043 764.288,259.006 770.928,250.283C776.178,243.388 780.836,235.064 784,228C791.167,212 795.54,193.407 793,176C788.5,145.167 783.045,134.058 769,115C759.281,101.813 743,90.167 729,83C715.543,76.111 699.667,72.667 685,72C670.333,71.333 654,74.5 641,79C628.575,83.301 614.357,92.576 607,99C594.828,109.629 583,129 583,129Z" style="fill:rgb(107,0,101);"/>
+    <path d="M593,148C593,147.167 597.287,141.032 600,138C602.833,134.833 606.667,131.667 610,129C613.177,126.458 616.667,123.833 620,122C623.146,120.27 626.579,119.089 630,118C633.667,116.833 637.9,115.439 642,115C646.667,114.5 653.833,114.833 658,115C661.016,115.121 664.079,115.238 667,116C670.833,117 677,119.167 681,121C684.534,122.62 687.908,124.644 691,127C694.5,129.667 698.667,133.333 702,137C705.333,140.667 708.519,144.659 711,149C713.667,153.667 716.5,160.5 718,165C719.179,168.536 719.744,172.282 720,176C720.333,180.833 720.833,188.333 720,194C719.187,199.528 716.667,205.667 715,210C713.662,213.478 711.99,216.849 710,220C708,223.167 705.5,226.333 703,229C700.577,231.585 697.781,233.804 695,236C691.833,238.5 688.055,241.972 684,244C679.333,246.333 672.333,248.667 667,250C662.106,251.223 657.042,252.144 652,252C646.167,251.833 637.333,250.333 632,249C627.796,247.949 623.333,245.5 620,244C617.281,242.777 614.417,241.746 612,240C609,237.833 601.833,231.667 602,231C602.167,230.333 609.833,234.667 613,236C615.625,237.105 618.228,238.348 621,239C623.833,239.667 626.985,239.856 630,240C633.5,240.167 636.325,240.389 642,240C646.467,239.694 650.667,238.167 654,237C656.814,236.015 659.472,234.58 662,233C664.667,231.333 667.563,229.274 670,227C672.5,224.667 674.898,221.853 677,219C679.333,215.833 682.189,211.951 684,208C685.833,204 686.333,204.167 688,195C688.718,191.051 689.308,187.002 689,183C688.667,178.667 687.167,173 686,169C684.995,165.553 683.73,162.146 682,159C680.167,155.667 677.667,152 675,149C672.333,146 668.833,143.167 666,141C663.502,139.09 660.868,137.29 658,136C654.667,134.5 649.333,132.833 646,132C643.393,131.348 640.683,131.158 638,131C635.167,130.833 634.5,130.667 629,131C626.256,131.166 622.635,131.557 618,133C616.028,133.614 611,135.333 608,137C605.086,138.619 602.5,141.167 600,143C597.688,144.696 593,148.833 593,148Z" style="fill:rgb(163,14,121);"/>
+    <path d="M823,91C822.011,92.019 820.034,94.057 820,96C819.5,124.667 819.333,234.333 820,263C820.05,265.134 822.056,268.008 824,268C833,267.961 837.833,268.021 857,268C858.886,267.998 861.779,265.347 862,263C862.833,254.167 862,215 862,215C862,215 888.5,215.667 898,215C905.108,214.501 912.308,213.448 919,211C925.833,208.5 933.667,204.167 939,200C943.843,196.216 948.002,191.365 951,186C954.167,180.333 956.667,171.833 958,166C959.117,161.115 959,155.667 959,151C959,146.654 958.911,142.25 958,138C957,133.333 955.489,127.646 953,123C950.5,118.333 946.833,113.833 943,110C939.167,106.167 934.667,102.667 930,100C925.333,97.333 920.195,95.417 915,94C909.5,92.5 903.08,91.198 897,91C881.667,90.5 842.556,90.833 823,91M863,129L863,179C863,179 889,178.5 896,178C899.065,177.781 902.314,177.492 905,176C908,174.333 911.887,171.413 914,168C916.167,164.5 917.667,159.333 918,155C918.333,150.667 917.5,145.5 916,142C914.604,138.743 911.833,136 909,134C906.167,132 902.569,130.388 899,130C891.333,129.167 863,129 863,129Z" style="fill:white;"/>
+</svg>
diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
index e1dcc49..6df3775 100644
--- a/frontend/src/views/LoginView.vue
+++ b/frontend/src/views/LoginView.vue
@@ -23,16 +23,17 @@ async function googleCallback(token) {
 
 <template>
 
-  <div class="flex min-h-full justify-center items-center p-10 w-full">
+  <div class="flex min-h-full justify-center items-center p-20 w-full">
 
     <div class="card justify-items-center">
 
       <img alt="hutopy login"
-           src="/images/hutopy-logo.png"/>
+           src="/images/hutopymedia/loginpage/hutopylogin.svg"/>
+
 
       <div class="flex flex-col gap-10">
 
-        <h1 class="text-2xl font-bold login-text text-center mt-10 ">
+        <h1 class="text-2xl font-bold login-text text-center ">
           Connexion
         </h1>
 
@@ -44,11 +45,11 @@ async function googleCallback(token) {
               Google
             </button>
           </google-login>
-          <button class="secondary"
-                  @click="loginWithFacebook">
-            <facebook class="social-icon"></facebook>
-            Facebook
-          </button>
+          <!--          <button class="secondary"-->
+          <!--                  @click="loginWithFacebook">-->
+          <!--            <facebook class="social-icon"></facebook>-->
+          <!--            Facebook-->
+          <!--          </button>-->
         </div>
 
       </div>