ubmit · ubmit · Apr 10, 2026 · Apr 10, 2026 · Apr 10, 2026 · Apr 10, 2026
diff --git a/src/components/LedgerLabel.astro b/src/components/LedgerLabel.astro
@@ -7,7 +7,7 @@ interface Props {
 
 const { as: Tag = "span", href, class: className } = Astro.props as Props;
 const classes =
-  "text-ledger-muted font-sans text-sm font-medium uppercase tracking-wide leading-6";
+  "text-gray-1000 font-sans text-sm font-medium uppercase tracking-wide leading-6";
 const classList = [classes, className];
 ---
 

diff --git a/src/components/PostCard.astro b/src/components/PostCard.astro
@@ -1,37 +1,19 @@
 ---
-import FormattedDate from "./FormattedDate.astro";
-
 interface Props {
   title: string;
   description?: string;
-  pubDate: Date;
   href: string;
-  featured?: boolean;
 }
 
-const { title, description, pubDate, href, featured = false } = Astro.props;
+const { title, description, href } = Astro.props;
 ---
 
 <li class="pt-3 pb-3 first:pt-0 last:pb-0">
   <a
     href={href}
-    class="group text-gray-1100 hover:text-gray-1200 transition-colors"
+    class="text-gray-1100 hover:text-gray-1200 transition-colors"
   >
-    <div class="flex items-baseline justify-between gap-4">
-      <div class="flex items-baseline gap-3">
-        <span class="font-medium">{title}</span>
-        {
-          featured && (
-            <span class="text-gray-1000 border-ledger-line rounded-full border px-1.5 py-0.5 font-mono text-[9px] tracking-[0.18em] uppercase sm:px-2 sm:text-[10px]">
-              Featured
-            </span>
-          )
-        }
-      </div>
-      <span class="font-mono text-xs text-gray-900">
-        <FormattedDate date={pubDate} />
-      </span>
-    </div>
+    <span class="font-medium">{title}</span>
     {
       description && (
         <span class="text-gray-1000 mt-1 block text-sm leading-relaxed">

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -2,17 +2,20 @@
 import Header from "../components/Header.astro";
 ---
 
-<body class="bg-page-bg text-gray-1200 antialiased">
+<body class="bg-gray-100 text-gray-1200 antialiased">
   <div
-    class="bg-page-bg pointer-events-none fixed top-0 left-0 z-50 h-14 w-full backdrop-blur-xl [-webkit-mask-image:linear-gradient(to_bottom,black,transparent)]"
+    class="bg-gray-100 pointer-events-none fixed top-0 left-0 z-50 h-14 w-full backdrop-blur-xl [-webkit-mask-image:linear-gradient(to_bottom,black,transparent)]"
   >
   </div>
   <div class="mx-auto w-full max-w-2xl px-6 py-16 sm:py-20">
     <Header />
-    <main class="mt-14 space-y-6">
+    <main class="mt-14 space-y-16">
       <slot />
     </main>
   </div>
+ <div
+    class="bg-gray-100 pointer-events-none fixed bottom-0 left-0 z-50 h-14 w-full backdrop-blur-xl [-webkit-mask-image:linear-gradient(to_top,black,transparent)]"
+  >
 </body>
 
 <script is:inline>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -18,8 +18,7 @@ import "../styles/base.css";
     <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
   </head>
   <BaseLayout>
-    <!-- About Section -->
-    <section class="flex flex-col gap-2">
+    <section class="flex flex-col gap-1">
       <SectionHeading title="About" />
       <p class="text-gray-1100 leading-7">
         I'm Gui, a Frontend Engineer focused on crafting polished and user-first
@@ -37,14 +36,11 @@ import "../styles/base.css";
       </p>
     </section>
 
-    <!-- Currently Section -->
-    <section class="flex flex-col gap-2">
+    <section class="flex flex-col gap-1">
       <SectionHeading title="Currently" />
       <div class="text-gray-1100 space-y-4 leading-7">
         <p>
-          I'm diving deep into <em class="text-gray-1200 font-serif italic"
-            >agentic engineering</em
-          >. I'm building software alongside AI coding agents and exploring how
+          I'm diving deep into agentic engineering. I'm building software alongside AI coding agents and exploring how
           to orchestrate multiple agents, manage context effectively, and
           building predictable UIs from prompts.
         </p>
@@ -57,36 +53,30 @@ import "../styles/base.css";
       </div>
     </section>
 
-    <!-- Writing Section -->
-    <section class="flex flex-col gap-2">
+    <section class="flex flex-col gap-1">
       <SectionHeading title="Writing" href="/writing" />
       <ul>
         {
           postsSortedByPubDate.map((post, index) => (
             <PostCard
               title={post.data.title}
               description={post.data.description}
-              pubDate={post.data.pubDate}
               href={`/writing/${post.id}/`}
-              featured={index === 0}
             />
           ))
         }
       </ul>
     </section>
 
-    <!-- Talks Section -->
-    <section class="flex flex-col gap-2">
+    <section class="flex flex-col gap-1">
       <SectionHeading title="Talks" href="/talks" />
       <ul>
         {
           talksSortedByPubDate.map((talk, index) => (
             <PostCard
               title={talk.data.title}
               description={talk.data.description}
-              pubDate={talk.data.pubDate}
               href={`/talks/${talk.id}/`}
-              featured={index === 0}
             />
           ))
         }

diff --git a/src/pages/talks.astro b/src/pages/talks.astro
@@ -12,12 +12,12 @@ import { SITE_DESCRIPTION, talksSortedByPubDate } from "../consts";
     <BaseHead title="Talks" description={SITE_DESCRIPTION} />
   </head>
   <BaseLayout>
-    <section class="grid grid-cols-1 gap-6 sm:grid-cols-[140px_1fr]">
+    <section>
       <SectionHeading title="Talks" />
-      <ul class="space-y-3">
+      <ul class="space-y-3 pt-4">
         {
           talksSortedByPubDate.map((talk) => (
-            <li class="border-ledger-line border-b pb-3 last:border-b-0 last:pb-0">
+            <li class="border-gray-400 border-b pb-3 last:border-b-0 last:pb-0">
               <a
                 href={`/talks/${talk.id}/`}
                 class="group text-gray-1100 flex items-baseline justify-between gap-4"

diff --git a/src/pages/writing.astro b/src/pages/writing.astro
@@ -12,12 +12,12 @@ import { SITE_DESCRIPTION, postsSortedByPubDate } from "../consts";
     <BaseHead title="Writing" description={SITE_DESCRIPTION} />
   </head>
   <BaseLayout>
-    <section class="grid grid-cols-1 gap-6 sm:grid-cols-[140px_1fr]">
+    <section >
       <SectionHeading title="Writing" />
-      <ul class="space-y-3">
+      <ul class="space-y-3 pt-4">
         {
           postsSortedByPubDate.map((post) => (
-            <li class="border-ledger-line border-b pb-3 last:border-b-0 last:pb-0">
+            <li class="border-gray-400 border-b pb-3 last:border-b-0 last:pb-0">
               <a
                 href={`/writing/${post.id}/`}
                 class="group text-gray-1100 flex items-baseline justify-between gap-4"

diff --git a/src/styles/base.css b/src/styles/base.css
@@ -18,9 +18,6 @@
   --color-gray-1000: var(--slate-10);
   --color-gray-1100: var(--slate-11);
   --color-gray-1200: var(--slate-12);
-  --color-page-bg: var(--color-gray-100);
-  --color-ledger-line: var(--color-gray-400);
-  --color-ledger-muted: var(--color-gray-1000);
 
   --font-sans: "Work Sans", ui-sans-serif, system-ui, sans-serif;
   --font-mono: "Commit Mono", ui-monospace, monospace;