diff --git a/_includes/post.njk b/_includes/post.njk
index b2ff93b..18feab3 100644
--- a/_includes/post.njk
+++ b/_includes/post.njk
@@ -3,6 +3,11 @@ layout: base.njk
 ---
 
 <article class="blog-post">
+  {% if not released %}
+  <div class="draft-warning-banner">
+    ⚠️ This post is still a draft and may be incomplete or subject to changes.
+  </div>
+  {% endif %}
   <header class="post-header">
     <h1>{{ title }}</h1>
     <time datetime="{{ createdAt | dateTimeFormat }}">{{ createdAt | dateTimeFormat }}</time>
diff --git a/_includes/recipe.njk b/_includes/recipe.njk
index f0a529e..9f92965 100644
--- a/_includes/recipe.njk
+++ b/_includes/recipe.njk
@@ -2,6 +2,11 @@
 layout: base.njk
 ---
 <article class="recipe">
+  {% if isDraft %}
+  <div class="draft-warning-banner">
+    ⚠️ This recipe is still a draft and may be incomplete or subject to changes.
+  </div>
+  {% endif %}
   <header class="recipe-header">
     <h1>{{ title }}</h1>
     {% if isDraft %}
diff --git a/css/style.css b/css/style.css
index 75a691b..bd9c572 100644
--- a/css/style.css
+++ b/css/style.css
@@ -319,6 +319,18 @@ a {
   text-decoration: none;
 }
 
+/* Draft Warning Banner */
+.draft-warning-banner {
+  background-color: #fff3cd;
+  border: 1px solid #ffc107;
+  border-radius: 5px;
+  padding: 1rem;
+  margin-bottom: 1.5rem;
+  color: #856404;
+  font-weight: 500;
+  text-align: center;
+}
+
 /* Footer */
 footer {
   margin-top: 2rem;