design

app/blog/[slug]/page.tsx

@@ -69,9 +69,9 @@ export default async function BlogPostPage({ params }: { params: Promise<{ slug:
       <main id="post-content">
         <Section number="01" title="Inhalt">
           <div className="prose prose-slate max-w-none">
-            <div className="flex flex-wrap items-center gap-4 text-sm text-slate-400 mb-12 font-mono uppercase tracking-widest">
+            <div className="flex flex-wrap items-center gap-4 text-[10px] font-bold text-slate-400 mb-12 uppercase tracking-[0.2em]">
               <time dateTime={post.date}>{formattedDate}</time>
-              <span>•</span>
+              <span className="text-slate-200">•</span>
               <span>{readingTime} min read</span>
             </div>
 

app/blog/page.tsx

@@ -85,7 +85,7 @@ export default function BlogPage() {
 
           {/* Posts area */}
           <div className="md:col-span-8">
-            <div id="posts-container" className="divide-y divide-slate-50">
+            <div id="posts-container" className="flex flex-col gap-8">
               {filteredPosts.length === 0 ? (
                 <div className="empty-state">
                   <p>No posts found matching your criteria.</p>