공개 화면 테마와 패널 구조 보정

components/site/RightSidebar.vue

@@ -1,17 +1,73 @@
 <template>
-  <aside class="right-sidebar hidden w-[287px] lg:block">
-    <div class="right-sidebar__block py-5 pl-5 pr-0">
-      <p class="right-sidebar__eyebrow text-xs font-semibold uppercase text-muted">
-        Portal
-      </p>
-      <div class="right-sidebar__links mt-4 grid gap-3 text-sm">
-        <NuxtLink class="right-sidebar__link hover:text-muted" to="/pages/projects">
-          Projects
-        </NuxtLink>
-        <NuxtLink class="right-sidebar__link hover:text-muted" to="/pages/contact">
-          Contact
+  <aside class="right-sidebar site-sidebar hidden w-[287px] lg:flex lg:flex-col">
+    <div class="right-sidebar__scroll min-h-0 flex-1 overflow-y-auto">
+      <div class="right-sidebar__block site-sidebar-section py-5 pl-5 pr-0">
+        <div class="right-sidebar__profile flex items-center gap-3">
+          <div class="right-sidebar__logo grid h-12 w-12 place-items-center rounded-2xl bg-[var(--site-invert)] text-2xl font-bold text-[var(--site-invert-text)]">
+            井
+          </div>
+          <div>
+            <p class="right-sidebar__title font-semibold">
+              sori.studio
+            </p>
+            <p class="right-sidebar__description text-sm site-muted">
+              Thoughts, stories and ideas.
+            </p>
+          </div>
+        </div>
+        <form class="right-sidebar__subscribe mt-4 flex gap-2">
+          <input class="right-sidebar__input min-w-0 flex-1 rounded-lg px-3 py-2 text-sm site-input" placeholder="Your email">
+          <button class="right-sidebar__button rounded-lg px-4 py-2 text-sm font-semibold site-button" type="button">
+            Subscribe
+          </button>
+        </form>
+      </div>
+
+      <div class="right-sidebar__block site-sidebar-section py-5 pl-5 pr-0">
+        <div class="right-sidebar__row flex items-center justify-between">
+          <p class="right-sidebar__eyebrow text-xs font-semibold uppercase site-muted">
+            Follow
+          </p>
+          <div class="right-sidebar__social flex gap-3 text-sm">
+            <span>f</span>
+            <span>𝕏</span>
+            <span>rss</span>
+          </div>
+        </div>
+      </div>
+
+      <div class="right-sidebar__block site-sidebar-section py-5 pl-5 pr-0">
+        <div class="right-sidebar__row flex items-center justify-between">
+          <p class="right-sidebar__eyebrow text-xs font-semibold uppercase site-muted">
+            Recommended
+          </p>
+          <span>↗</span>
+        </div>
+        <div class="right-sidebar__links mt-4 grid gap-3 text-sm">
+          <NuxtLink class="right-sidebar__link font-semibold" to="/posts/hello-sori-studio">
+            sori.studio 첫 글과 방향
+          </NuxtLink>
+          <NuxtLink class="right-sidebar__link font-semibold" to="/pages/projects">
+            Projects and services
+          </NuxtLink>
+          <NuxtLink class="right-sidebar__link font-semibold" to="/pages/links">
+            Links and portal
+          </NuxtLink>
+        </div>
+      </div>
+
+      <div class="right-sidebar__block site-sidebar-section py-5 pl-5 pr-0">
+        <p class="right-sidebar__about text-sm leading-6 site-muted">
+          sori.studio는 글과 프로젝트 링크를 한 곳에 쌓아두는 개인 블로그/CMS입니다.
+        </p>
+        <NuxtLink class="right-sidebar__about-button mt-4 inline-flex rounded-lg px-4 py-2 text-sm font-semibold site-accent-button" to="/pages/about">
+          About sori.studio
         </NuxtLink>
       </div>
     </div>
+
+    <footer class="right-sidebar__footer py-4 pl-5 pr-0 text-xs site-muted">
+      ©2026 sori.studio
+    </footer>
   </aside>
 </template>