diff --git a/assets/css/style.css b/assets/css/style.css
index 0d4c6a6..786e2fb 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1186,6 +1186,9 @@ section {
 .blog-card-area.area-story {
     background: #00ff88;
 }
+.blog-card-area.area-review {
+    background: #00ff88;
+}
 .blog-card-area.area-default {
     background: #a78bfa;
 }
diff --git a/assets/js/script.js b/assets/js/script.js
index 841dbee..196c889 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -792,6 +792,10 @@ function blogAreaClass(area) {
     "video-scripts": "area-video-scripts",
     "speed-run": "area-speed-run",
     story: "area-story",
+    review: "area-review",
+    guide: "area-guide",
+    tutorial: "area-tutorial",
+    architecture: "area-architecture",
   };
   return map[area] || "area-default";
 }