<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Similar To Books has moved. We are now Readalikes</title>
<meta name="description" content="Similar To Books is now Readalikes. Find our hand-built reading lists, celebrity book recommendations, and the AI book recommender at readalikes.ai." />
<!-- Old Similar To Books icon (the page itself shows the Readalikes mark) -->
<link rel="icon" type="image/png" href="/favicon.png" />
<link rel="apple-touch-icon" href="/icon-256.png" />
<!-- Same analytics + Search Console IDs as the old similartobooks.com site,
     so its DataFast / GA / GSC properties keep recording after the move. -->
<meta name="google-site-verification" content="3B3N0wUScPYB8iYn7lbLU7AOT1kvjQ7URj4KUHnIc2M" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NFNC5NSB0W"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-NFNC5NSB0W');
</script>
<script defer data-website-id="dfid_jqnzC7mkHDWOpqSu88jUb" data-domain="www.similartobooks.com" src="https://datafa.st/js/script.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Hanken+Grotesk:wght@400;500;600&family=Space+Mono&display=swap" rel="stylesheet" />
<style>
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Hanken Grotesk", -apple-system, sans-serif;
    color: #1b1810;
    background:
      radial-gradient(80% 50% at 100% -10%, #f8f3e8 0%, rgba(248, 243, 232, 0) 55%),
      radial-gradient(60% 40% at 0% 100%, #f5efe1 0%, rgba(245, 239, 225, 0) 55%),
      #f1ebde;
    -webkit-font-smoothing: antialiased;
    padding: 32px 20px;
  }
  .card { max-width: 560px; text-align: center; }
  .mark { width: 72px; height: 72px; object-fit: contain; margin: 0 auto 22px; display: block; }
  .kicker {
    display: inline-flex; align-items: center; gap: 9px;
    font-family: "Space Mono", monospace; font-size: 11px;
    letter-spacing: 2px; text-transform: uppercase; color: #8a8271;
    margin-bottom: 20px;
  }
  .kicker .dot { width: 6px; height: 6px; border-radius: 50%; background: #be6a3e; }
  h1 {
    font-family: "Newsreader", Georgia, serif; font-weight: 500;
    font-size: clamp(30px, 6vw, 44px); line-height: 1.14;
    letter-spacing: -0.02em; margin: 0 0 16px;
  }
  h1 .g { color: #2c5647; }
  p.lede { font-size: 16.5px; line-height: 1.6; color: #575043; margin: 0 auto 30px; max-width: 440px; }
  .cta {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 16px 28px; border-radius: 100px; background: #2c5647;
    color: #f4efe3; font-size: 16px; font-weight: 600; text-decoration: none;
    box-shadow: 0 10px 24px rgba(44, 86, 71, 0.26);
  }
  .cta:hover { background: #1e3d30; }
  .fine {
    font-family: "Space Mono", monospace; font-size: 10.5px;
    letter-spacing: 1px; text-transform: uppercase; color: #b3a990; margin-top: 26px;
  }
</style>
</head>
<body>
  <main class="card">
    <img class="mark" src="/logo-mark.png" alt="" width="72" height="72" />
    <div class="kicker"><span class="dot"></span>A note from the shelf</div>
    <h1>Similar To Books has moved. We are now <span class="g">Readalikes</span>.</h1>
    <p class="lede">
      Same hand-built reading lists, celebrity book recommendations, and AI book
      recommender, at a new home.
    </p>
    <a class="cta" href="https://www.readalikes.ai/">
      Continue to readalikes.ai
      <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg>
    </a>
    <div class="fine">similartobooks.com &rarr; readalikes.ai</div>
  </main>
</body>
</html>
