diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 69e2c176..455fe8ca 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -42,6 +42,10 @@ jobs:
           VITE_CONVEX_URL: ${{ steps.convex.outputs.PREVIEW_URL }}
           VITE_CLERK_PUBLISHABLE_KEY: ${{ secrets.VITE_CLERK_PUBLISHABLE_KEY }}
           VITE_GTM_ID: ${{ secrets.VITE_GTM_ID }}
+      # - name: Setup Playwright
+      #   uses: ./.github/actions/playwright
+      # - name: Prerender static routes
+      #   run: pnpm prerender
       - name: Deploy to Cloudflare Pages
         id: deploy
         run: |
@@ -110,6 +114,10 @@ jobs:
           VITE_CONVEX_URL: ${{ secrets.VITE_CONVEX_URL }}
           VITE_CLERK_PUBLISHABLE_KEY: ${{ secrets.VITE_CLERK_PUBLISHABLE_KEY }}
           VITE_GTM_ID: ${{ secrets.VITE_GTM_ID }}
+      - name: Setup Playwright
+        uses: ./.github/actions/playwright
+      - name: Prerender static routes
+        run: pnpm prerender
       - name: Deploy to Cloudflare Pages
         run: |
           npx wrangler pages deploy dist \
@@ -117,4 +125,3 @@ jobs:
         env:
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 6f703fe0..1b805a90 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -74,6 +74,12 @@ jobs:
           VITE_CLERK_PUBLISHABLE_KEY: ${{ secrets.VITE_CLERK_PUBLISHABLE_KEY }}
           VITE_GTM_ID: ${{ secrets.VITE_GTM_ID }}
 
+      # - name: Setup Playwright
+      #   uses: ./.github/actions/playwright
+
+      # - name: Prerender static routes
+      #   run: pnpm prerender
+
       - name: Deploy to Cloudflare Pages
         run: |
           npx wrangler pages deploy dist \
diff --git a/design/dashboard.pen b/design/dashboard.pen
index 2fec4682..de2a53c4 100644
--- a/design/dashboard.pen
+++ b/design/dashboard.pen
@@ -266,7 +266,7 @@
       "type": "frame",
       "id": "RokyI",
       "x": 0,
-      "y": 0,
+      "y": -63,
       "name": "Dashboard/Normal",
       "width": 1440,
       "fill": "$bg/default",
@@ -491,7 +491,7 @@
                               "id": "15olP",
                               "name": "card1Submitted",
                               "fill": "$fg/muted",
-                              "content": "提出済み: 8人",
+                              "content": "提出状況: 8/10人",
                               "fontFamily": "Inter",
                               "fontSize": "$fontSize/sm",
                               "fontWeight": "normal"
@@ -629,7 +629,7 @@
                               "id": "6UZso",
                               "name": "card2Submitted",
                               "fill": "$fg/muted",
-                              "content": "提出済み: 10人",
+                              "content": "提出状況: 10/10人",
                               "fontFamily": "Inter",
                               "fontSize": "$fontSize/sm",
                               "fontWeight": "normal"
@@ -701,47 +701,6 @@
                       ]
                     }
                   ]
-                },
-                {
-                  "type": "frame",
-                  "id": "WnPm5",
-                  "name": "LoadMoreButton",
-                  "width": "fill_container",
-                  "cornerRadius": "$radii/md",
-                  "stroke": {
-                    "align": "inside",
-                    "thickness": 1,
-                    "fill": "$border/default"
-                  },
-                  "gap": 6,
-                  "padding": [
-                    10,
-                    0
-                  ],
-                  "justifyContent": "center",
-                  "alignItems": "center",
-                  "children": [
-                    {
-                      "type": "icon_font",
-                      "id": "1FVzd",
-                      "name": "pcLoadMoreIcon",
-                      "width": 16,
-                      "height": 16,
-                      "iconFontName": "chevron-down",
-                      "iconFontFamily": "lucide",
-                      "fill": "$fg/muted"
-                    },
-                    {
-                      "type": "text",
-                      "id": "TLcfJ",
-                      "name": "pcLoadMoreText",
-                      "fill": "$fg/muted",
-                      "content": "もっと見る",
-                      "fontFamily": "Inter",
-                      "fontSize": "$fontSize/sm",
-                      "fontWeight": "500"
-                    }
-                  ]
                 }
               ]
             },
@@ -1122,47 +1081,6 @@
                       ]
                     }
                   ]
-                },
-                {
-                  "type": "frame",
-                  "id": "AUacf",
-                  "name": "ShowAllButton",
-                  "width": "fill_container",
-                  "cornerRadius": "$radii/md",
-                  "stroke": {
-                    "align": "inside",
-                    "thickness": 1,
-                    "fill": "$border/default"
-                  },
-                  "gap": 6,
-                  "padding": [
-                    10,
-                    0
-                  ],
-                  "justifyContent": "center",
-                  "alignItems": "center",
-                  "children": [
-                    {
-                      "type": "icon_font",
-                      "id": "OkznT",
-                      "name": "pcShowAllIcon",
-                      "width": 16,
-                      "height": 16,
-                      "iconFontName": "chevrons-down",
-                      "iconFontFamily": "lucide",
-                      "fill": "$fg/muted"
-                    },
-                    {
-                      "type": "text",
-                      "id": "XEnZ6",
-                      "name": "pcShowAllText",
-                      "fill": "$fg/muted",
-                      "content": "すべて表示",
-                      "fontFamily": "Inter",
-                      "fontSize": "$fontSize/sm",
-                      "fontWeight": "500"
-                    }
-                  ]
                 }
               ]
             }
@@ -1174,7 +1092,7 @@
       "type": "frame",
       "id": "IdakJ",
       "x": -12,
-      "y": 1035,
+      "y": 781,
       "name": "Dashboard/CreateRecruitmentModal",
       "width": 480,
       "height": 360,
@@ -1691,7 +1609,7 @@
                           "id": "d3W9W",
                           "name": "spCard1Submitted",
                           "fill": "$fg/muted",
-                          "content": "提出済み: 10人",
+                          "content": "提出: 8/10人",
                           "fontFamily": "Inter",
                           "fontSize": "$fontSize/xs",
                           "fontWeight": "normal"
@@ -1818,7 +1736,7 @@
                           "id": "EeqAj",
                           "name": "spCard2Submitted",
                           "fill": "$fg/muted",
-                          "content": "提出済み: 10人",
+                          "content": "提出: 10/10人",
                           "fontFamily": "Inter",
                           "fontSize": "$fontSize/xs",
                           "fontWeight": "normal"
@@ -1887,47 +1805,6 @@
                       ]
                     }
                   ]
-                },
-                {
-                  "type": "frame",
-                  "id": "JOUpM",
-                  "name": "LoadMoreButton",
-                  "width": "fill_container",
-                  "cornerRadius": "$radii/md",
-                  "stroke": {
-                    "align": "inside",
-                    "thickness": 1,
-                    "fill": "$border/default"
-                  },
-                  "gap": 6,
-                  "padding": [
-                    10,
-                    0
-                  ],
-                  "justifyContent": "center",
-                  "alignItems": "center",
-                  "children": [
-                    {
-                      "type": "icon_font",
-                      "id": "u5Zm5",
-                      "name": "spLoadMoreIcon",
-                      "width": 14,
-                      "height": 14,
-                      "iconFontName": "chevron-down",
-                      "iconFontFamily": "lucide",
-                      "fill": "$fg/muted"
-                    },
-                    {
-                      "type": "text",
-                      "id": "w9WP4",
-                      "name": "spLoadMoreText",
-                      "fill": "$fg/muted",
-                      "content": "もっと見る",
-                      "fontFamily": "Inter",
-                      "fontSize": "$fontSize/xs",
-                      "fontWeight": "500"
-                    }
-                  ]
                 }
               ]
             },
@@ -2309,47 +2186,6 @@
                       ]
                     }
                   ]
-                },
-                {
-                  "type": "frame",
-                  "id": "wIG6I",
-                  "name": "ShowAllButton",
-                  "width": "fill_container",
-                  "cornerRadius": "$radii/md",
-                  "stroke": {
-                    "align": "inside",
-                    "thickness": 1,
-                    "fill": "$border/default"
-                  },
-                  "gap": 6,
-                  "padding": [
-                    10,
-                    0
-                  ],
-                  "justifyContent": "center",
-                  "alignItems": "center",
-                  "children": [
-                    {
-                      "type": "icon_font",
-                      "id": "ZiLR5",
-                      "name": "spShowAllIcon",
-                      "width": 14,
-                      "height": 14,
-                      "iconFontName": "chevrons-down",
-                      "iconFontFamily": "lucide",
-                      "fill": "$fg/muted"
-                    },
-                    {
-                      "type": "text",
-                      "id": "9ldt6",
-                      "name": "spShowAllText",
-                      "fill": "$fg/muted",
-                      "content": "すべて表示",
-                      "fontFamily": "Inter",
-                      "fontSize": "$fontSize/xs",
-                      "fontWeight": "500"
-                    }
-                  ]
                 }
               ]
             }
@@ -2621,7 +2457,7 @@
       "type": "frame",
       "id": "3iRDC",
       "x": 3085,
-      "y": 1084,
+      "y": 900,
       "name": "Dashboard/CreateRecruitmentSheet",
       "width": 390,
       "height": 500,
diff --git a/index.html b/index.html
index 03063c04..baa3dd62 100644
--- a/index.html
+++ b/index.html
@@ -10,10 +10,7 @@
     />
     <link rel="canonical" href="https://shiftori.app" />
     <meta name="theme-color" content="#000000" />
-    <link
-      rel="icon"
-      href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🦜</text></svg>"
-    />
+    <link rel="icon" href="/favicon.ico" />
     <link rel="apple-touch-icon" href="/logo192.png" />
     <link rel="manifest" href="/manifest.json" />
 
@@ -29,7 +26,15 @@
       content="少人数のお店のシフト作成をもっとラクに リンクを送るだけで希望シフトを収集 スタッフのアカウント登録も不要 無料ではじめられるシフト管理ツール"
     />
     <meta property="og:url" content="https://shiftori.app" />
-    <meta property="og:image" content="https://shiftori.app/og-image.png" />
+    <meta property="og:image" content="https://shiftori.app/ogp.png" />
+    <meta property="og:image:secure_url" content="https://shiftori.app/ogp.png" />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta
+      property="og:image:alt"
+      content="シフトリ | 少人数のお店のシフト管理をもっとラクに"
+    />
     <meta property="og:locale" content="ja_JP" />
 
     <!-- Twitter Card -->
@@ -42,7 +47,11 @@
       name="twitter:description"
       content="少人数のお店のシフト作成をもっとラクに リンクを送るだけで希望シフトを収集 スタッフのアカウント登録も不要 無料ではじめられるシフト管理ツール"
     />
-    <meta name="twitter:image" content="https://shiftori.app/og-image.png" />
+    <meta name="twitter:image" content="https://shiftori.app/ogp.png" />
+    <meta
+      name="twitter:image:alt"
+      content="シフトリ | 少人数のお店のシフト管理をもっとラクに"
+    />
 
     <!-- JSON-LD -->
     <script type="application/ld+json">
diff --git a/package.json b/package.json
index d23e3344..048201e2 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "build": "vite build && tsc",
+    "prerender": "tsx scripts/prerender.ts",
     "dev": "vite --port 3000",
     "dev:all": "concurrently -n dev,convex,storybook -c blue,green,magenta \"pnpm dev\" \"pnpm convex:dev\" \"pnpm storybook\"",
     "format": "biome check --write",
diff --git a/public/ogp.png b/public/ogp.png
new file mode 100644
index 00000000..56b82e51
Binary files /dev/null and b/public/ogp.png differ
diff --git a/public/textlogo.png b/public/textlogo.png
new file mode 100644
index 00000000..a4acd7b4
Binary files /dev/null and b/public/textlogo.png differ
diff --git a/renovate.json b/renovate.json
index b055c035..b33eee27 100644
--- a/renovate.json
+++ b/renovate.json
@@ -6,7 +6,7 @@
   "baseBranches": ["develop"],
   "automerge": true,
   "minimumReleaseAge": "2 days",
-  "schedule": ["every weekend"],
+  "schedule": ["before 6am on saturday"],
   "packageRules": [
     {
       "addLabels": ["react"],
diff --git a/scripts/prerender.ts b/scripts/prerender.ts
new file mode 100644
index 00000000..ec0dc24e
--- /dev/null
+++ b/scripts/prerender.ts
@@ -0,0 +1,206 @@
+/**
+ * Post-build prerender script
+ *
+ * vite build が生成した dist/ に対して、指定ルートをヘッドレス Chromium で
+ * レンダリングし、完成後の HTML を静的ファイルとして書き出す。
+ *
+ * SEO 対象: /, /privacy, /terms
+ *
+ * 使い方: pnpm prerender  (vite build 後に呼び出す)
+ *
+ * 注意:
+ * - vite の生成した dist/index.html は空シェル (`<div id="app"></div>`)。
+ *   src/main.tsx は `!rootElement.innerHTML` のとき React を mount する。
+ * - prerender 実行中に dist/index.html を上書きしてしまうと、後続ルートの
+ *   リクエストで既にレンダリング済みの HTML が返り React が mount しなくなる。
+ * - そのため「サーバーは起動時にキャッシュしたオリジナル index.html を常に返し、
+ *   最終出力は `fs.writeFile` で直接書き込む」方式にしている。
+ */
+
+import { mkdir, readFile, writeFile } from "node:fs/promises";
+import { createServer, type IncomingMessage, type ServerResponse } from "node:http";
+import { dirname, extname, join, resolve, sep } from "node:path";
+import { chromium } from "playwright";
+
+const DIST_DIR = "dist";
+const DIST_ABS = resolve(DIST_DIR);
+const ROUTES = ["/", "/privacy", "/terms"] as const;
+
+const GOTO_TIMEOUT_MS = 30_000;
+const RENDER_WAIT_TIMEOUT_MS = 15_000;
+const MIN_HTML_BYTES = 2_000;
+
+const MIME_TYPES: Record<string, string> = {
+  ".html": "text/html; charset=utf-8",
+  ".js": "application/javascript; charset=utf-8",
+  ".mjs": "application/javascript; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".ico": "image/x-icon",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".ttf": "font/ttf",
+  ".txt": "text/plain; charset=utf-8",
+  ".xml": "application/xml; charset=utf-8",
+  ".map": "application/json; charset=utf-8",
+};
+
+async function serveStaticFile(res: ServerResponse, pathname: string): Promise<boolean> {
+  // Path traversal 防御: 解決後のパスが必ず dist/ 配下であることを確認
+  const filePath = resolve(join(DIST_DIR, pathname));
+  if (filePath !== DIST_ABS && !filePath.startsWith(`${DIST_ABS}${sep}`)) {
+    res.writeHead(403);
+    res.end("Forbidden");
+    return true;
+  }
+  try {
+    const data = await readFile(filePath);
+    const mime = MIME_TYPES[extname(filePath).toLowerCase()] ?? "application/octet-stream";
+    res.writeHead(200, { "Content-Type": mime });
+    res.end(data);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function createShellHandler(shell: Buffer) {
+  return async (req: IncomingMessage, res: ServerResponse): Promise<void> => {
+    const url = new URL(req.url ?? "/", "http://localhost");
+    const pathname = url.pathname;
+
+    // 拡張子付き（アセット）は dist/ から配信
+    if (extname(pathname)) {
+      const served = await serveStaticFile(res, pathname);
+      if (served) return;
+      res.writeHead(404);
+      res.end("Not Found");
+      return;
+    }
+
+    // ルートパスはすべてキャッシュ済み空シェルを返し、クライアント側 React / Router に任せる
+    res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
+    res.end(shell);
+  };
+}
+
+function routeToOutputPath(route: string): string {
+  return route === "/" ? join(DIST_DIR, "index.html") : join(DIST_DIR, route.replace(/^\//, ""), "index.html");
+}
+
+/**
+ * レンダリング結果が "空の殻" のまま抜けていないか最低限のサニティチェックを行う。
+ * 何かが決定的に壊れている場合 (Clerk 初期化失敗で return null 等) はビルドを失敗させて
+ * 不完全な HTML を CF Pages にデプロイするのを防ぐ。
+ */
+function assertRenderedHtml(route: string, html: string): void {
+  if (html.length < MIN_HTML_BYTES) {
+    throw new Error(`[prerender] ${route} produced suspiciously small HTML (${html.length} bytes < ${MIN_HTML_BYTES})`);
+  }
+  if (!/<h1[\s>]/i.test(html)) {
+    throw new Error(`[prerender] ${route} produced HTML without any <h1> — app likely failed to mount`);
+  }
+  // TanStack Router の head() が少なくとも1つ <title> を追加していれば、
+  // index.html の静的 <title> と合わせて2つ以上になるはず
+  const titleCount = (html.match(/<title\b/gi) ?? []).length;
+  if (titleCount < 2) {
+    throw new Error(
+      `[prerender] ${route} produced HTML with only ${titleCount} <title> tag(s) — TanStack Router head() likely did not run`,
+    );
+  }
+}
+
+async function main(): Promise<void> {
+  // 1. 元の空シェルを起動時に一度だけ読み込んでキャッシュ
+  const shellPath = join(DIST_DIR, "index.html");
+  const shell = await readFile(shellPath);
+  const handler = createShellHandler(shell);
+
+  // 2. ミニ HTTP サーバーを起動
+  const server = createServer((req, res) => {
+    handler(req, res).catch((err: unknown) => {
+      console.error("[prerender] request handler error:", err);
+      if (!res.headersSent) res.writeHead(500);
+      res.end("Internal error");
+    });
+  });
+
+  const port = await new Promise<number>((resolveListen, rejectListen) => {
+    server.once("error", rejectListen);
+    server.listen(0, "127.0.0.1", () => {
+      const address = server.address();
+      if (address && typeof address === "object") {
+        resolveListen(address.port);
+      } else {
+        rejectListen(new Error("Failed to obtain server port"));
+      }
+    });
+  });
+
+  const baseUrl = `http://127.0.0.1:${port}`;
+  console.log(`[prerender] Serving dist/ at ${baseUrl}`);
+
+  // 3. ヘッドレス Chromium でルートを訪問し HTML を取得
+  const browser = await chromium.launch();
+  const context = await browser.newContext();
+  // page スクリプト実行前に __PRERENDER__ フラグを注入
+  await context.addInitScript(() => {
+    (window as unknown as { __PRERENDER__: boolean }).__PRERENDER__ = true;
+  });
+
+  // 結果を一度メモリに貯めてから最後にまとめて書き出す
+  // (途中で失敗した場合に dist/ を中途半端な状態で残さない)
+  const rendered: { outPath: string; html: string }[] = [];
+
+  try {
+    for (const route of ROUTES) {
+      const url = `${baseUrl}${route}`;
+      console.log(`[prerender] Rendering ${route}`);
+
+      const page = await context.newPage();
+      await page.goto(url, { waitUntil: "domcontentloaded", timeout: GOTO_TIMEOUT_MS });
+
+      // React が #app に描画し、かつ TanStack Router の HeadContent が
+      // <title> を 1 つ以上追加するまで待機
+      // (Convex の WebSocket が networkidle を妨げるため DOM ベースで待機)
+      await page.waitForFunction(
+        () => {
+          const app = document.getElementById("app");
+          const appReady = app !== null && app.children.length > 0;
+          const headHasExtraTitle = document.querySelectorAll("head > title").length > 1;
+          return appReady && headHasExtraTitle;
+        },
+        { timeout: RENDER_WAIT_TIMEOUT_MS },
+      );
+
+      const html = await page.content();
+      await page.close();
+
+      assertRenderedHtml(route, html);
+      rendered.push({ outPath: routeToOutputPath(route), html });
+    }
+
+    // 4. すべてのルートが正常にレンダリングできてから dist/ へ書き出す
+    for (const { outPath, html } of rendered) {
+      await mkdir(dirname(outPath), { recursive: true });
+      await writeFile(outPath, html, "utf-8");
+      console.log(`[prerender] Wrote ${outPath} (${html.length.toLocaleString()} bytes)`);
+    }
+  } finally {
+    await browser.close();
+    await new Promise<void>((resolveClose) => server.close(() => resolveClose()));
+  }
+
+  console.log("[prerender] Done");
+}
+
+main().catch((err: unknown) => {
+  console.error("[prerender] Failed:", err);
+  process.exit(1);
+});
diff --git a/src/components/features/LandingPage/index.tsx b/src/components/features/LandingPage/index.tsx
index 9cb50deb..7cc1b09e 100644
--- a/src/components/features/LandingPage/index.tsx
+++ b/src/components/features/LandingPage/index.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Flex, Heading, HStack, Link, SimpleGrid, Stack, Text, VStack } from "@chakra-ui/react";
+import { Box, Button, Flex, Heading, HStack, Image, Link, SimpleGrid, Stack, Text, VStack } from "@chakra-ui/react";
 import { SignInButton, SignUpButton } from "@clerk/clerk-react";
 import { Link as RouterLink } from "@tanstack/react-router";
 import type { ReactNode } from "react";
@@ -20,16 +20,12 @@ export const LandingPage = () => {
 };
 
 export const Nav = () => (
-  <Box as="nav" bg="white" w="full">
+  <Box as="nav" bgGradient="to-b" gradientFrom="teal.600" gradientTo="#99f6e4" w="full">
     <Flex align="center" justify="space-between" px={{ base: 4, lg: 12 }} py={{ base: 3, lg: 5 }}>
-      <Link
-        asChild
-        fontWeight="bold"
-        fontSize={{ base: "xl", lg: "2xl" }}
-        color="fg"
-        _hover={{ textDecoration: "none" }}
-      >
-        <RouterLink to="/">シフトリ</RouterLink>
+      <Link asChild _hover={{ opacity: 0.8, textDecoration: "none" }}>
+        <RouterLink to="/">
+          <Image src="/textlogo.png" alt="シフトリ" h={{ base: "36px", lg: "44px" }} w="auto" loading="eager" />
+        </RouterLink>
       </Link>
     </Flex>
   </Box>
@@ -222,16 +218,14 @@ const BottomCta = () => (
 );
 
 export const Footer = () => (
-  <Box as="footer" bg="white" px={{ base: 4, lg: 12 }} py={{ base: 8, lg: 12 }}>
+  <Box as="footer" bg="teal.600" px={{ base: 4, lg: 12 }} py={{ base: 8, lg: 12 }}>
     <VStack mx="auto" w="full" maxW="1024px" gap={4} align="center">
-      <Text fontWeight="bold" fontSize={{ base: "18px", lg: "20px" }} color="fg">
-        シフトリ
-      </Text>
+      <Image src="/textlogo.png" alt="シフトリ" h={{ base: "40px", lg: "48px" }} w="auto" />
       <HStack gap={{ base: 6, lg: 8 }}>
         <FooterLink to="/privacy">プライバシーポリシー</FooterLink>
         <FooterLink to="/terms">利用規約</FooterLink>
       </HStack>
-      <Text fontSize="xs" color="fg.subtle">
+      <Text fontSize="xs" color="whiteAlpha.700">
         © {new Date().getFullYear()} シフトリ v{__APP_VERSION__}
       </Text>
     </VStack>
@@ -239,7 +233,13 @@ export const Footer = () => (
 );
 
 const FooterLink = ({ to, children }: { to: string; children: ReactNode }) => (
-  <Link asChild fontSize="sm" fontWeight="medium" color="fg.muted" _hover={{ color: "fg", textDecoration: "none" }}>
+  <Link
+    asChild
+    fontSize="sm"
+    fontWeight="medium"
+    color="whiteAlpha.800"
+    _hover={{ color: "white", textDecoration: "none" }}
+  >
     <RouterLink to={to}>{children}</RouterLink>
   </Link>
 );
diff --git a/src/components/templates/Header/index.tsx b/src/components/templates/Header/index.tsx
index 36496509..9ea3adae 100644
--- a/src/components/templates/Header/index.tsx
+++ b/src/components/templates/Header/index.tsx
@@ -1,15 +1,15 @@
-import { Box, Flex, Text } from "@chakra-ui/react";
-import { Link } from "@tanstack/react-router";
+import { Box, Flex, Image, Link } from "@chakra-ui/react";
+import { Link as RouterLink } from "@tanstack/react-router";
 import { UserMenu } from "./UserMenu";
 
 export const Header = () => {
   return (
     <Box as="header" position="fixed" top={0} left={0} right={0} h="56px" bg="teal.600" zIndex={20}>
       <Flex maxW="1024px" mx="auto" h="full" px={4} align="center" justify="space-between">
-        <Link to="/dashboard">
-          <Text color="white" fontWeight="semibold" _hover={{ opacity: 0.8 }} cursor="pointer">
-            シフトリ
-          </Text>
+        <Link asChild _hover={{ opacity: 0.8, textDecoration: "none" }}>
+          <RouterLink to="/dashboard">
+            <Image src="/textlogo.png" alt="シフトリ" h="40px" w="auto" loading="eager" />
+          </RouterLink>
         </Link>
 
         <UserMenu />
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 01aad0a2..f0eeaa88 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -30,6 +30,12 @@ export const Route = createFileRoute("/")({
 function IndexPage() {
   const { isSignedIn, isLoaded } = useAuth();
 
+  // ビルド時 prerender 中は Clerk の初期化を待たず LP を描画する
+  // (scripts/prerender.ts が addInitScript で window.__PRERENDER__ を注入する)
+  if (typeof window !== "undefined" && (window as unknown as { __PRERENDER__?: boolean }).__PRERENDER__) {
+    return <LandingPage />;
+  }
+
   if (!isLoaded) return null;
 
   if (isSignedIn) {