From 99d5e1f9854a09b0a0ab521235a7a5a70d3a8443 Mon Sep 17 00:00:00 2001
From: kanungle <neil.kanungo@gmail.com>
Date: Thu, 30 Jul 2026 14:00:58 -0700
Subject: [PATCH] Make Latest Articles stand out on the Articles landing page

The Articles landing page rendered ten visually identical blocks: Latest
Articles followed by nine category shelves, all with the same heading and
the same cards, so the newest work had no visual priority.

Give the Latest block a featured treatment: tinted surface, brand-red top
rule, rounded border, and a larger section heading, via a new
docs-articles__block_featured modifier. Light-theme overrides follow the
existing [data-theme='light'] convention in the same file. The nine
category blocks are untouched.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../documentation/_docs-articles-posts.scss   | 25 +++++++++++++++++++
 .../documentation/content-layout.html         |  2 +-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/documentation/_docs-articles-posts.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/documentation/_docs-articles-posts.scss
index 010f327e5..8404a8ede 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/documentation/_docs-articles-posts.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/documentation/_docs-articles-posts.scss
@@ -34,6 +34,27 @@
     }
   }
 
+  // Featured treatment for the "Latest Articles" block, so it reads as the
+  // page's entry point rather than one more category shelf.
+  &__block_featured {
+    padding: $spacer * 1.5;
+    background-color: rgba($neutral-20, 0.4);
+    border: pxToRem(1) solid $neutral-20;
+    border-top: pxToRem(3) solid $primary-50;
+    border-radius: $spacer * 0.5;
+
+    .docs-articles__title {
+      font-size: $spacer * 2;
+      line-height: $spacer * 2.5;
+    }
+
+    [data-theme='light'] & {
+      background-color: $neutral-100;
+      border-color: $neutral-90;
+      border-top-color: $primary-50;
+    }
+  }
+
   &__list {
     padding-bottom: $spacer * 3;
   }
@@ -120,6 +141,10 @@
         gap: $spacer * 4;
       }
     }
+
+    &__block_featured {
+      padding: $spacer * 2.5;
+    }
   }
 
   [data-theme='light'] & {
diff --git a/qdrant-landing/themes/qdrant-2024/layouts/partials/documentation/content-layout.html b/qdrant-landing/themes/qdrant-2024/layouts/partials/documentation/content-layout.html
index 37a0f1813..029e1fc3c 100644
--- a/qdrant-landing/themes/qdrant-2024/layouts/partials/documentation/content-layout.html
+++ b/qdrant-landing/themes/qdrant-2024/layouts/partials/documentation/content-layout.html
@@ -26,7 +26,7 @@
                 {{ end }}
                 {{ $latest = $latest.ByPublishDate.Reverse }}
                 {{ if gt (len $latest) 0 }}
-                  <div class="docs-articles__block">
+                  <div class="docs-articles__block docs-articles__block_featured">
                     <div class="docs-articles__block-header">
                       <div>
                         <h4 class="docs-articles__title">Latest Articles</h4>