diff --git a/images/vihreat-logo-white.png b/images/vihreat-logo-white.png
new file mode 100644
index 0000000..7498aa6
Binary files /dev/null and b/images/vihreat-logo-white.png differ
diff --git a/images/vihreat-logo.png b/images/vihreat-logo.png
new file mode 100644
index 0000000..b498af6
Binary files /dev/null and b/images/vihreat-logo.png differ
diff --git a/index.html b/index.html
index d0e2072..e9959e9 100644
--- a/index.html
+++ b/index.html
@@ -47,6 +47,9 @@
                     <span data-fi="Inhimilliset päätökset." data-en="Humane decisions." data-sv="Humana beslut.">Inhimilliset päätökset.</span>
                 </h1>
                 <p class="hero-subtitle" data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina" data-sv="Politiker, S:t Karins">Poliitikko, Kaarina</p>
+                <a href="https://www.vihreat.fi" target="_blank" rel="noopener noreferrer" class="hero-party-logo" aria-label="Vihreät">
+                    <img src="images/vihreat-logo.png" alt="Vihreät" class="party-logo">
+                </a>
                 <a href="#teemat" class="btn btn-primary" data-fi="Tutustu teemoihin" data-en="Explore themes" data-sv="Utforska teman">Tutustu teemoihin</a>
             </div>
             <div class="hero-image">
diff --git a/style.css b/style.css
index dc147f9..2711a67 100644
--- a/style.css
+++ b/style.css
@@ -234,10 +234,25 @@ ul {
     font-size: 1.2rem;
     font-weight: 500;
     color: var(--color-text-light);
-    margin-bottom: 2rem;
+    margin-bottom: 1.5rem;
     letter-spacing: 0.02em;
 }
 
+.hero-party-logo {
+    display: inline-block;
+    margin-bottom: 2rem;
+    transition: opacity 0.2s;
+}
+
+.hero-party-logo:hover {
+    opacity: 0.8;
+}
+
+.party-logo {
+    height: 40px;
+    width: auto;
+}
+
 .btn {
     display: inline-block;
     padding: 0.9rem 2rem;