diff --git a/site/templates/blog.json.php b/site/templates/blog.json.php
index 16c3db7..bf60e42 100644
--- a/site/templates/blog.json.php
+++ b/site/templates/blog.json.php
@@ -6,8 +6,8 @@ $mapArticle = function($article) {
   return [
     'title' => $article->title()->value(),
     'slug'  => $article->slug(),
-    'date'  => $article->date()->toDate('d/m/Y'),
-    'intro' => $article->intro()->excerpt(200),
+    'date'  => $article->published()->toDate('d/m/Y'),
+    'intro' => $article->intro()->value(),
     'cover' => $article->cover()->toFile()?->url(),
   ];
 };
diff --git a/src/views/Blog.svelte b/src/views/Blog.svelte
index ae7cc8f..b60d658 100644
--- a/src/views/Blog.svelte
+++ b/src/views/Blog.svelte
@@ -125,7 +125,7 @@
               <a href="/blog/{featured.slug}">{featured.title}</a>
             </h2>
             {#if featured.intro}
-              <p class="blog-card-excerpt">{featured.intro}</p>
+              <p class="blog-card-description">{featured.intro}</p>
             {/if}
             <a href="/blog/{featured.slug}" class="blog-card-readmore">
               Lire l'article <span class="arrow">→</span>
@@ -180,6 +180,7 @@
   .blog {
     background: #0d0e22;
     color: var(--color-text);
+    padding: 0 50px;
   }
 
   /* --- Header / Intro --- */
@@ -203,6 +204,12 @@
     opacity: 0.9;
   }
 
+  .page-container {
+    max-width: none;
+    margin: 0;
+    padding: 0 10%;
+  }
+
   /* --- Card (article item) --- */
   .blog-card {
     display: flex;
@@ -226,9 +233,10 @@
   }
 
   .blog-card-title {
-    font-family: "Danzza Bold", sans-serif;
-    font-size: var(--font-size-title-section);
-    line-height: 1.3;
+    font-family: "Danzza", sans-serif;
+    font-size: 40px;
+    max-width: 80%;
+    font-weight: 700;
   }
 
   .blog-card-title a {
@@ -239,20 +247,23 @@
     color: var(--color-primary);
   }
 
-  .blog-card-excerpt {
+  .blog-card-description {
     color: #d9d9d9;
+    font-family: "Danzza",sans-serif;
     font-size: var(--font-size-paragraph);
-    line-height: 1.6;
+    font-weight: 400;
   }
 
   .blog-card-readmore {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
     color: var(--color-primary);
-    font-family: "Danzza Medium", sans-serif;
+    font-family: "Danzza", sans-serif;
     font-size: var(--font-size-paragraph);
-    transition: gap 0.2s;
+    font-weight: 500;
+    text-transform: uppercase;
+  }
+
+  .blog-card-readmore .arrow {
+    margin-left: 5px;
   }
 
   .blog-card-readmore:hover {