diff --git a/apps/frontend/src/layouts/Layout.astro b/apps/frontend/src/layouts/Layout.astro
index ab7a009..96c0e23 100644
--- a/apps/frontend/src/layouts/Layout.astro
+++ b/apps/frontend/src/layouts/Layout.astro
@@ -20,7 +20,7 @@ import '../styles/global.css';
 			<nav class="hidden md:flex space-x-4">
 				<a href="/" class="p-2 hover:text-purple-300 transition-colors duration-200">Home</a>
 				<a href="/catalog" class="p-2 hover:text-purple-300 transition-colors duration-200">Catalog</a>
-				<a href="/news" class="p-2 hover:text-purple-300 transition-colors duration-200">News</a>
+				<a href="/howtos" class="p-2 hover:text-purple-300 transition-colors duration-200">How-tos</a>
 				<a href="/code" class="p-2 hover:text-purple-300 transition-colors duration-200">Code</a>
 			</nav>
 
@@ -35,7 +35,7 @@ import '../styles/global.css';
 			<nav id="mobile-menu" class="hidden md:hidden absolute top-full left-0 w-full bg-gray-800 flex-col items-center py-4 space-y-2 z-50">
 				<a href="/" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">Home</a>
 				<a href="/catalog" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">Catalog</a>
-				<a href="/news" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">News</a>
+				<a href="/howtos" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">How-tos</a>
 				<a href="/code" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">Code</a>
 			</nav>
 		</header>
diff --git a/apps/frontend/src/pages/news.astro b/apps/frontend/src/pages/howtos.astro
similarity index 96%
rename from apps/frontend/src/pages/news.astro
rename to apps/frontend/src/pages/howtos.astro
index dc40e83..ba578a3 100644
--- a/apps/frontend/src/pages/news.astro
+++ b/apps/frontend/src/pages/howtos.astro
@@ -20,7 +20,7 @@ let error: string | null = null;
 const GRAPHQL_QUERY = `
   {
     pages {
-      list(orderBy: UPDATED, orderByDirection: DESC) {
+      list(orderBy: UPDATED, orderByDirection: DESC, tags: ["howto"]) {
         id
         path
         title
@@ -104,10 +104,10 @@ function timeAgo(dateStr: string): string {
       
       <div class="hero-container">
         <div class="hero-badge">
-          Latest Updates
+          Knowledge Base
         </div>
         <h1 class="hero-title">
-          Wiki <span class="text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 to-purple-400">News</span>
+          Tech <span class="text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 to-purple-400">HowTo Center</span>
         </h1>
         <p class="hero-subtitle mb-10">
           The latest documentation, technical guides, and development logs from our knowledge base.