{"id":11,"date":"2026-06-13T18:17:07","date_gmt":"2026-06-13T18:17:07","guid":{"rendered":"http:\/\/tabnookextension.com\/?page_id=11"},"modified":"2026-06-14T09:01:53","modified_gmt":"2026-06-14T09:01:53","slug":"tabnook","status":"publish","type":"page","link":"https:\/\/tabnookextension.com\/","title":{"rendered":"Tabnook"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&display=swap');\n\n.tn-root {\n  --tn-slate-deep: #2C5F8A;\n  --tn-slate-mid: #4A7FA8;\n  --tn-slate-light: #8EB5CF;\n  --tn-slate-pale: #C8DDE9;\n  --tn-dark-bg: #0D1F2D;\n  --tn-dark-surface: #152637;\n  --tn-dark-card: #1A2F44;\n  --tn-dark-border: #1E3A50;\n  --tn-dark-border-subtle: #192F43;\n  --tn-dark-border-warm: #24405A;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  background: var(--tn-dark-bg);\n  color: #E8F4FA;\n  overflow-x: hidden;\n}\n\n.tn-root * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* HERO *\/\n.tn-root .tn-hero {\n  padding: 80px 52px 72px;\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: start;\n  position: relative;\n}\n\n.tn-root .tn-hero::before {\n  content: '';\n  position: fixed;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(ellipse at 30% 20%, rgba(44,95,138,0.12) 0%, transparent 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.tn-root .tn-hero-left { position: relative; z-index: 1; padding-top: 8px; }\n.tn-root .tn-hero-right { position: relative; z-index: 1; }\n\n.tn-root .tn-eyebrow {\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n  color: var(--tn-slate-mid);\n  margin-bottom: 22px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.tn-root .tn-eyebrow::before {\n  content: '';\n  display: block;\n  width: 20px;\n  height: 1px;\n  background: var(--tn-dark-border);\n}\n\n.tn-root .tn-h1 {\n  font-size: clamp(30px, 3.2vw, 48px);\n  font-weight: 400;\n  line-height: 1.18;\n  color: #E8F4FA;\n  margin-bottom: 22px;\n  letter-spacing: -0.01em;\n}\n.tn-root .tn-h1 .tn-warm { color: var(--tn-slate-light); }\n\n.tn-root .tn-subhead {\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--tn-slate-light);\n  line-height: 1.7;\n  margin-bottom: 36px;\n  max-width: 400px;\n}\n\n.tn-root .tn-cta {\n  display: inline-block;\n  background: var(--tn-slate-deep);\n  color: #E8F4FA;\n  border: none;\n  padding: 13px 26px;\n  border-radius: 5px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  text-decoration: none;\n  transition: background 0.15s;\n  margin-bottom: 14px;\n  font-family: inherit;\n}\n.tn-root .tn-cta:hover { background: var(--tn-slate-mid); color: #E8F4FA; }\n\n.tn-root .tn-cta-fine {\n  display: block;\n  font-size: 12px;\n  color: var(--tn-slate-light);\n  opacity: 0.4;\n}\n\n\/* PANEL MOCKUP *\/\n.tn-root .tn-panel {\n  background: var(--tn-dark-surface);\n  border: 1px solid var(--tn-dark-border-warm);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 24px 64px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.2);\n}\n\n.tn-root .tn-pm-topbar {\n  background: var(--tn-slate-deep);\n  padding: 11px 14px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.tn-root .tn-pm-logo { display: flex; align-items: center; gap: 7px; }\n.tn-root .tn-pm-logo-icon { width: 20px; height: 20px; }\n.tn-root .tn-pm-logo-text { font-size: 13px; font-weight: 500; color: #E8F4FA; }\n.tn-root .tn-pm-icon-btn {\n  width: 24px; height: 24px;\n  background: rgba(255,255,255,0.1);\n  border-radius: 5px;\n  display: flex; align-items: center; justify-content: center;\n}\n.tn-root .tn-pm-icon-btn svg { width: 11px; height: 11px; }\n\n.tn-root .tn-pm-stats {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-bottom: 1px solid var(--tn-dark-border);\n}\n.tn-root .tn-pm-stat {\n  padding: 9px 0 8px;\n  text-align: center;\n  border-right: 1px solid var(--tn-dark-border);\n  background: var(--tn-dark-card);\n}\n.tn-root .tn-pm-stat:last-child { border-right: none; }\n.tn-root .tn-pm-stat-num { display: block; font-size: 15px; font-weight: 500; color: #E8F4FA; line-height: 1; margin-bottom: 3px; }\n.tn-root .tn-pm-stat-lbl { font-size: 9px; color: var(--tn-slate-light); opacity: 0.7; }\n\n.tn-root .tn-pm-search {\n  padding: 8px 10px;\n  background: var(--tn-dark-card);\n  border-bottom: 1px solid var(--tn-dark-border);\n}\n.tn-root .tn-pm-search-inner {\n  display: flex; align-items: center; gap: 7px;\n  background: var(--tn-dark-bg);\n  border: 1px solid var(--tn-dark-border-warm);\n  border-radius: 6px; padding: 6px 10px;\n}\n.tn-root .tn-pm-search-inner svg { width: 11px; height: 11px; opacity: 0.5; flex-shrink: 0; }\n.tn-root .tn-pm-search-inner span { font-size: 11px; color: var(--tn-slate-light); opacity: 0.45; }\n\n.tn-root .tn-pm-nav {\n  display: flex;\n  border-bottom: 1px solid var(--tn-dark-border);\n  background: var(--tn-dark-card);\n}\n.tn-root .tn-pm-nav-tab {\n  flex: 1; text-align: center;\n  padding: 8px 0 7px;\n  font-size: 10px; color: var(--tn-slate-light); opacity: 0.45;\n  border-bottom: 2px solid transparent; margin-bottom: -1px;\n}\n.tn-root .tn-pm-nav-tab.active { opacity: 1; color: #E8F4FA; font-weight: 500; border-bottom-color: var(--tn-slate-mid); }\n\n.tn-root .tn-pm-groups {\n  padding: 10px;\n  display: flex; flex-direction: column; gap: 7px;\n  background: var(--tn-dark-bg);\n}\n.tn-root .tn-pm-section-lbl {\n  font-size: 9px; font-weight: 500;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  color: var(--tn-slate-mid); opacity: 0.7;\n  padding: 2px 2px; margin-bottom: 1px;\n}\n.tn-root .tn-pm-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }\n\n.tn-root .tn-pm-group {\n  background: var(--tn-dark-card);\n  border: 1px solid var(--tn-dark-border-warm);\n  border-radius: 8px; padding: 11px 13px;\n}\n.tn-root .tn-pm-group-hdr { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }\n.tn-root .tn-pm-group-name { font-size: 12px; font-weight: 500; color: #E8F4FA; flex: 1; }\n.tn-root .tn-pm-count { font-size: 10px; font-weight: 500; color: var(--tn-slate-light); background: rgba(44,95,138,0.3); border-radius: 20px; padding: 1px 7px; }\n.tn-root .tn-pm-sites { display: flex; gap: 4px; flex-wrap: wrap; margin-left: 17px; }\n.tn-root .tn-pm-site { display: flex; align-items: center; gap: 4px; font-size: 10px; color: var(--tn-slate-light); opacity: 0.7; background: rgba(255,255,255,0.04); border-radius: 4px; padding: 2px 7px; }\n.tn-root .tn-pm-site-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--tn-slate-mid); flex-shrink: 0; opacity: 0.7; }\n\n.tn-root .tn-pm-saved {\n  background: var(--tn-dark-card);\n  border: 1px solid var(--tn-dark-border-warm);\n  border-radius: 8px; padding: 11px 13px;\n}\n.tn-root .tn-pm-saved-hdr { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }\n.tn-root .tn-pm-saved-name { font-size: 12px; font-weight: 500; color: #E8F4FA; flex: 1; }\n.tn-root .tn-pm-reopen {\n  background: rgba(44,95,138,0.25);\n  border: 1px solid rgba(74,127,168,0.3);\n  border-radius: 5px; padding: 3px 9px;\n  font-size: 10px; font-weight: 500; color: var(--tn-slate-light); cursor: pointer;\n  font-family: inherit;\n}\n.tn-root .tn-pm-meta { font-size: 10px; color: var(--tn-slate-light); opacity: 0.45; margin-left: 17px; margin-bottom: 5px; }\n.tn-root .tn-pm-note {\n  margin-left: 17px; margin-top: 2px;\n  background: rgba(44,95,138,0.15);\n  border: 1px solid rgba(74,127,168,0.2);\n  border-radius: 6px; padding: 6px 9px;\n  font-size: 10px; color: var(--tn-slate-light); line-height: 1.4;\n}\n\n.tn-root .tn-pm-snoozed {\n  background: var(--tn-dark-card);\n  border: 1px solid var(--tn-dark-border-warm);\n  border-radius: 8px; padding: 11px 13px;\n  display: flex; align-items: center; gap: 8px;\n}\n.tn-root .tn-pm-snooze-info { flex: 1; }\n.tn-root .tn-pm-snooze-name { font-size: 12px; font-weight: 500; color: #E8F4FA; margin-bottom: 3px; }\n.tn-root .tn-pm-snooze-time { font-size: 10px; color: var(--tn-slate-light); opacity: 0.5; display: flex; align-items: center; gap: 4px; }\n.tn-root .tn-pm-snooze-time svg { width: 9px; height: 9px; }\n.tn-root .tn-pm-snooze-badge { background: rgba(123,111,168,0.2); border: 1px solid rgba(123,111,168,0.3); border-radius: 5px; padding: 3px 8px; font-size: 10px; color: #A89ED4; }\n\n\/* PULL QUOTE *\/\n.tn-root .tn-quote {\n  border-top: 1px solid var(--tn-dark-border);\n  border-bottom: 1px solid var(--tn-dark-border);\n  background: var(--tn-dark-surface);\n  padding: 60px 52px;\n  text-align: center;\n}\n.tn-root .tn-quote blockquote {\n  font-size: clamp(17px, 2vw, 24px);\n  font-weight: 400;\n  color: #E8F4FA;\n  line-height: 1.6;\n  max-width: 640px;\n  margin: 0 auto 12px;\n  font-style: normal;\n  letter-spacing: -0.005em;\n}\n.tn-root .tn-quote cite { font-size: 12px; color: var(--tn-slate-light); font-style: normal; opacity: 0.45; letter-spacing: 0.04em; }\n\n\/* FEATURES *\/\n.tn-root .tn-features { padding: 80px 52px; max-width: 1100px; margin: 0 auto; }\n.tn-root .tn-features-hdr { margin-bottom: 44px; }\n\n.tn-root .tn-eyebrow-sm {\n  font-size: 10px; font-weight: 500; letter-spacing: 0.13em;\n  text-transform: uppercase; color: var(--tn-slate-mid); margin-bottom: 12px;\n}\n.tn-root .tn-section-title {\n  font-size: clamp(22px, 2.4vw, 32px);\n  font-weight: 400; color: #E8F4FA; line-height: 1.28; max-width: 540px;\n}\n\n.tn-root .tn-feat-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2px;\n  background: var(--tn-dark-border-subtle);\n  border: 1px solid var(--tn-dark-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.tn-root .tn-feat { background: var(--tn-dark-surface); padding: 30px 28px; transition: background 0.15s; }\n.tn-root .tn-feat:hover { background: var(--tn-dark-card); }\n.tn-root .tn-feat-icon {\n  width: 36px; height: 36px; margin-bottom: 16px;\n  display: flex; align-items: center; justify-content: center;\n  background: rgba(44,95,138,0.18);\n  border: 1px solid rgba(74,127,168,0.2);\n  border-radius: 8px;\n}\n.tn-root .tn-feat-icon svg { width: 16px; height: 16px; }\n.tn-root .tn-feat-title { font-size: 15px; font-weight: 500; color: #E8F4FA; margin-bottom: 9px; line-height: 1.3; }\n.tn-root .tn-feat-body { font-size: 13px; color: var(--tn-slate-light); line-height: 1.65; }\n\n\/* PERSONAS *\/\n.tn-root .tn-personas { border-top: 1px solid var(--tn-dark-border); padding: 80px 52px; background: var(--tn-dark-surface); }\n.tn-root .tn-personas-inner { max-width: 860px; margin: 0 auto; }\n.tn-root .tn-personas-hdr { margin-bottom: 44px; }\n.tn-root .tn-persona-list { display: flex; flex-direction: column; }\n.tn-root .tn-persona-row {\n  display: grid;\n  grid-template-columns: 160px 1fr;\n  gap: 32px;\n  align-items: baseline;\n  padding: 24px 0;\n  border-top: 1px solid var(--tn-dark-border-subtle);\n}\n.tn-root .tn-persona-row:last-child { border-bottom: 1px solid var(--tn-dark-border-subtle); }\n.tn-root .tn-persona-role { font-size: 11px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tn-slate-mid); padding-top: 2px; }\n.tn-root .tn-persona-text { font-size: 15px; color: #C8DDE9; line-height: 1.6; }\n\n\/* LOCAL STRIP *\/\n.tn-root .tn-local { border-top: 1px solid var(--tn-dark-border); padding: 60px 52px; }\n.tn-root .tn-local-inner { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 2fr; gap: 60px; align-items: center; }\n.tn-root .tn-local-left h2 { font-size: clamp(20px, 2vw, 26px); font-weight: 400; color: #E8F4FA; line-height: 1.35; margin-bottom: 12px; margin-top: 10px; }\n.tn-root .tn-local-left p { font-size: 14px; color: var(--tn-slate-light); line-height: 1.65; }\n.tn-root .tn-local-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--tn-dark-border-subtle); border: 1px solid var(--tn-dark-border); border-radius: 8px; overflow: hidden; }\n.tn-root .tn-local-stat { background: var(--tn-dark-surface); padding: 22px 20px; }\n.tn-root .tn-local-num { font-size: 36px; font-weight: 400; color: #E8F4FA; display: block; margin-bottom: 5px; letter-spacing: -0.02em; }\n.tn-root .tn-local-lbl { font-size: 12px; color: var(--tn-slate-light); opacity: 0.55; line-height: 1.4; }\n\n\/* FOOTER CTA *\/\n.tn-root .tn-footer-cta { border-top: 1px solid var(--tn-dark-border); padding: 88px 52px; text-align: center; position: relative; }\n.tn-root .tn-footer-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(44,95,138,0.1) 0%, transparent 65%); pointer-events: none; }\n.tn-root .tn-footer-cta h2 { font-size: clamp(22px, 3vw, 40px); font-weight: 400; color: #E8F4FA; margin-bottom: 14px; line-height: 1.28; position: relative; }\n.tn-root .tn-footer-cta p { font-size: 15px; color: var(--tn-slate-light); margin-bottom: 36px; position: relative; max-width: 400px; margin-left: auto; margin-right: auto; line-height: 1.6; }\n.tn-root .tn-footer-fine { margin-top: 18px; font-size: 12px; color: var(--tn-slate-light); opacity: 0.3; position: relative; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 820px) {\n  .tn-root .tn-hero { grid-template-columns: 1fr; gap: 40px; padding: 52px 24px 44px; }\n  .tn-root .tn-subhead { max-width: 100%; }\n  .tn-root .tn-quote { padding: 48px 24px; }\n  .tn-root .tn-features { padding: 56px 24px; }\n  .tn-root .tn-feat-grid { grid-template-columns: 1fr; }\n  .tn-root .tn-personas { padding: 56px 24px; }\n  .tn-root .tn-persona-row { grid-template-columns: 1fr; gap: 8px; }\n  .tn-root .tn-local { padding: 56px 24px; }\n  .tn-root .tn-local-inner { grid-template-columns: 1fr; gap: 36px; }\n  .tn-root .tn-footer-cta { padding: 64px 24px; }\n}\n<\/style>\n\n<div class=\"tn-root\">\n\n  <!-- HERO -->\n  <section class=\"tn-hero\">\n    <div class=\"tn-hero-left\">\n      <p class=\"tn-eyebrow\">Chrome extension \u00b7 Side panel<\/p>\n      <h1 class=\"tn-h1\">You have twelve tabs<br>open for a reason.<br><span class=\"tn-warm\">Tabnook remembers<br>what that reason was.<\/span><\/h1>\n      <p class=\"tn-subhead\">Groups, notes, snooze, and search, all in Chrome&#8217;s side panel. Close a group tonight and reopen it next week with your notes intact. Nothing leaves your browser.<\/p>\n      <a href=\"loupely-6zovqm.subscribepage.io\" class=\"tn-cta\">Free \u2014 join the waitlist<\/a>\n      <span class=\"tn-cta-fine\">No account required \u00b7 Local only \u00b7 Chrome MV3<\/span>\n    <\/div>\n\n    <div class=\"tn-hero-right\">\n      <div class=\"tn-panel\">\n\n        <div class=\"tn-pm-topbar\">\n          <div class=\"tn-pm-logo\">\n            <svg class=\"tn-pm-logo-icon\" viewBox=\"0 0 128 128\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect width=\"128\" height=\"128\" rx=\"28\" fill=\"#4A7FA8\"><\/rect>\n              <rect x=\"14\" y=\"26\" width=\"38\" height=\"34\" rx=\"8\" fill=\"#FFFFFF\"><\/rect>\n              <rect x=\"58\" y=\"26\" width=\"38\" height=\"34\" rx=\"8\" fill=\"rgba(255,255,255,0.55)\"><\/rect>\n              <rect x=\"14\" y=\"52\" width=\"100\" height=\"52\" rx=\"8\" fill=\"#FFFFFF\"><\/rect>\n              <rect x=\"26\" y=\"66\" width=\"76\" height=\"9\" rx=\"4.5\" fill=\"#4A7FA8\"><\/rect>\n              <rect x=\"26\" y=\"82\" width=\"50\" height=\"9\" rx=\"4.5\" fill=\"#4A7FA8\" opacity=\"0.45\"><\/rect>\n            <\/svg>\n            <span class=\"tn-pm-logo-text\">Tabnook<\/span>\n          <\/div>\n          <div class=\"tn-pm-icon-btn\">\n            <svg viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M1.5 3h8M1.5 5.5h6M1.5 8h7\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.1\" stroke-linecap=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n\n        <div class=\"tn-pm-stats\">\n          <div class=\"tn-pm-stat\"><span class=\"tn-pm-stat-num\">4<\/span><span class=\"tn-pm-stat-lbl\">Open<\/span><\/div>\n          <div class=\"tn-pm-stat\"><span class=\"tn-pm-stat-num\">11<\/span><span class=\"tn-pm-stat-lbl\">Saved<\/span><\/div>\n          <div class=\"tn-pm-stat\"><span class=\"tn-pm-stat-num\">6<\/span><span class=\"tn-pm-stat-lbl\">Notes<\/span><\/div>\n          <div class=\"tn-pm-stat\"><span class=\"tn-pm-stat-num\">2<\/span><span class=\"tn-pm-stat-lbl\">Snoozed<\/span><\/div>\n        <\/div>\n\n        <div class=\"tn-pm-search\">\n          <div class=\"tn-pm-search-inner\">\n            <svg viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"4.5\" cy=\"4.5\" r=\"3.5\" stroke=\"#8EB5CF\" stroke-width=\"1.1\"><\/circle>\n              <path d=\"M7.5 7.5l2 2\" stroke=\"#8EB5CF\" stroke-width=\"1.1\" stroke-linecap=\"round\"><\/path>\n            <\/svg>\n            <span>Search tabs, groups, notes&#8230;<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"tn-pm-nav\">\n          <div class=\"tn-pm-nav-tab active\">Groups<\/div>\n          <div class=\"tn-pm-nav-tab\">Notes<\/div>\n          <div class=\"tn-pm-nav-tab\">Snooze<\/div>\n          <div class=\"tn-pm-nav-tab\">Search<\/div>\n        <\/div>\n\n        <div class=\"tn-pm-groups\">\n          <div class=\"tn-pm-section-lbl\">Open now<\/div>\n\n          <div class=\"tn-pm-group\">\n            <div class=\"tn-pm-group-hdr\">\n              <div class=\"tn-pm-dot\" style=\"background:#4A7FA8\"><\/div>\n              <span class=\"tn-pm-group-name\">Japan trip planning<\/span>\n              <span class=\"tn-pm-count\">12 tabs<\/span>\n            <\/div>\n            <div class=\"tn-pm-sites\">\n              <span class=\"tn-pm-site\"><span class=\"tn-pm-site-dot\"><\/span>Atlas Obscura<\/span>\n              <span class=\"tn-pm-site\"><span class=\"tn-pm-site-dot\"><\/span>Eater Tokyo<\/span>\n              <span class=\"tn-pm-site\"><span class=\"tn-pm-site-dot\"><\/span>+10<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"tn-pm-section-lbl\" style=\"margin-top:4px\">Saved<\/div>\n\n          <div class=\"tn-pm-saved\">\n            <div class=\"tn-pm-saved-hdr\">\n              <div class=\"tn-pm-dot\" style=\"background:#5E8A5A\"><\/div>\n              <span class=\"tn-pm-saved-name\">History of pasta<\/span>\n              <button class=\"tn-pm-reopen\">Reopen<\/button>\n            <\/div>\n            <div class=\"tn-pm-meta\">8 tabs \u00b7 closed 2 days ago<\/div>\n            <div class=\"tn-pm-note\">Marco Polo did NOT invent this, find the real origin<\/div>\n          <\/div>\n\n          <div class=\"tn-pm-snoozed\">\n            <div class=\"tn-pm-dot\" style=\"background:#7B6FA8\"><\/div>\n            <div class=\"tn-pm-snooze-info\">\n              <div class=\"tn-pm-snooze-name\">Sourdough starter deep dive<\/div>\n              <div class=\"tn-pm-snooze-time\">\n                <svg viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <circle cx=\"4.5\" cy=\"4.5\" r=\"3.5\" stroke=\"#8EB5CF\" stroke-width=\"1\"><\/circle>\n                  <path d=\"M4.5 2.5V4.5l1.5 1\" stroke=\"#8EB5CF\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                <\/svg>\n                Returns Saturday morning\n              <\/div>\n            <\/div>\n            <div class=\"tn-pm-snooze-badge\">Snoozed<\/div>\n          <\/div>\n\n          <div class=\"tn-pm-saved\">\n            <div class=\"tn-pm-saved-hdr\">\n              <div class=\"tn-pm-dot\" style=\"background:#C17A3A\"><\/div>\n              <span class=\"tn-pm-saved-name\">Brutalist architecture<\/span>\n              <button class=\"tn-pm-reopen\">Reopen<\/button>\n            <\/div>\n            <div class=\"tn-pm-meta\">6 tabs \u00b7 closed last week<\/div>\n            <div class=\"tn-pm-note\">that Boston City Hall photo is the one<\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PULL QUOTE -->\n  <div class=\"tn-quote\">\n    <blockquote>You have a group of tabs for something you haven&#8217;t finished yet. You shouldn&#8217;t have to choose between leaving it open forever or losing it when you close Chrome.<\/blockquote>\n    <cite>What Tabnook is built around<\/cite>\n  <\/div>\n\n  <!-- FEATURES -->\n  <section class=\"tn-features\">\n    <div class=\"tn-features-hdr\">\n      <p class=\"tn-eyebrow-sm\">What Tabnook does<\/p>\n      <h2 class=\"tn-section-title\">Everything that belongs with tab groups but isn&#8217;t built in yet<\/h2>\n    <\/div>\n    <div class=\"tn-feat-grid\">\n\n      <div class=\"tn-feat\">\n        <div class=\"tn-feat-icon\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"2\" y=\"4\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"#4A7FA8\" stroke-width=\"1.2\"><\/rect>\n            <rect x=\"2\" y=\"4\" width=\"4\" height=\"3\" rx=\"1\" fill=\"#4A7FA8\" opacity=\"0.5\"><\/rect>\n            <rect x=\"7\" y=\"4\" width=\"4\" height=\"3\" rx=\"1\" fill=\"#4A7FA8\" opacity=\"0.3\"><\/rect>\n            <path d=\"M5 9.5h6M5 11.5h4\" stroke=\"#4A7FA8\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.5\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"tn-feat-title\">Groups that persist, automatically<\/h3>\n        <p class=\"tn-feat-body\">Every group is tracked from the moment it&#8217;s created and saved continuously. Close a group and it moves to your saved list. One click to reopen it, and your tabs come back grouped, named, and colored exactly as you left them.<\/p>\n      <\/div>\n\n      <div class=\"tn-feat\">\n        <div class=\"tn-feat-icon\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M3 4h10M3 7h7M3 10h8\" stroke=\"#4A7FA8\" stroke-width=\"1.2\" stroke-linecap=\"round\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"tn-feat-title\">Notes that stay with the URL<\/h3>\n        <p class=\"tn-feat-body\">Attach a note to any tab or group. The note is keyed to the URL, so it survives close, reopen, and restart. Close the tab, come back next month, the note is still there. Search finds all of it.<\/p>\n      <\/div>\n\n      <div class=\"tn-feat\">\n        <div class=\"tn-feat-icon\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"8\" cy=\"8\" r=\"5.5\" stroke=\"#4A7FA8\" stroke-width=\"1.2\"><\/circle>\n            <path d=\"M8 5.5V8l2 1.5\" stroke=\"#4A7FA8\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"tn-feat-title\">Snooze a group, bring it back on schedule<\/h3>\n        <p class=\"tn-feat-body\">Close a group for now and bring it back at 8am, 2pm, or a custom time you pick. The group reopens on schedule even if Chrome was closed in between. Works on a single tab or a whole group.<\/p>\n      <\/div>\n\n      <div class=\"tn-feat\">\n        <div class=\"tn-feat-icon\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"6.5\" cy=\"6.5\" r=\"4\" stroke=\"#4A7FA8\" stroke-width=\"1.2\"><\/circle>\n            <path d=\"M10 10l3.5 3.5\" stroke=\"#4A7FA8\" stroke-width=\"1.2\" stroke-linecap=\"round\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"tn-feat-title\">One search across everything<\/h3>\n        <p class=\"tn-feat-body\">One search bar covers open tabs, saved groups, tab notes, and group notes. Click a result to jump to the tab or reopen the group. You don&#8217;t have to remember which group something was in.<\/p>\n      <\/div>\n\n      <div class=\"tn-feat\">\n        <div class=\"tn-feat-icon\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"1\" y=\"3\" width=\"9\" height=\"11\" rx=\"2\" stroke=\"#4A7FA8\" stroke-width=\"1.2\"><\/rect>\n            <rect x=\"6\" y=\"2\" width=\"9\" height=\"11\" rx=\"2\" stroke=\"#4A7FA8\" stroke-width=\"1.2\" opacity=\"0.35\"><\/rect>\n            <path d=\"M4 7h5M4 9.5h3\" stroke=\"#4A7FA8\" stroke-width=\"1\" stroke-linecap=\"round\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"tn-feat-title\">Side panel, not a new tab page<\/h3>\n        <p class=\"tn-feat-body\">Tabnook lives in Chrome&#8217;s native side panel so you can see your groups and your open page at the same time. No new tab page takeover. No extra window to manage.<\/p>\n      <\/div>\n\n      <div class=\"tn-feat\">\n        <div class=\"tn-feat-icon\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M8 2C5.8 2 4 3.8 4 6c0 2.5 4 8 4 8s4-5.5 4-8c0-2.2-1.8-4-4-4z\" stroke=\"#4A7FA8\" stroke-width=\"1.2\"><\/path>\n            <circle cx=\"8\" cy=\"6\" r=\"1.5\" fill=\"#4A7FA8\" opacity=\"0.6\"><\/circle>\n          <\/svg>\n        <\/div>\n        <h3 class=\"tn-feat-title\">Local by design, not by accident<\/h3>\n        <p class=\"tn-feat-body\">Everything is stored in your Chrome profile on your machine. Tabnook makes no external network requests, no telemetry, no analytics, no remote code. By default it saves only the site name for each tab, not the page title or URL path.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- PERSONAS -->\n  <div class=\"tn-personas\">\n    <div class=\"tn-personas-inner\">\n      <div class=\"tn-personas-hdr\">\n        <p class=\"tn-eyebrow-sm\">Who it&#8217;s for<\/p>\n        <h2 class=\"tn-section-title\">People who can&#8217;t close a group without losing something<\/h2>\n      <\/div>\n      <div class=\"tn-persona-list\">\n        <div class=\"tn-persona-row\">\n          <p class=\"tn-persona-role\">The researcher<\/p>\n          <p class=\"tn-persona-text\">Four active investigations running at once. Needs to close one, come back to it in three days, and find it exactly as it was, with the note about which thread to follow up on.<\/p>\n        <\/div>\n        <div class=\"tn-persona-row\">\n          <p class=\"tn-persona-role\">The developer<\/p>\n          <p class=\"tn-persona-text\">Project group open for a full sprint. Closes Chrome on Friday, opens it Monday, and wants the same twelve tabs back, stored locally and ready without having to think about it.<\/p>\n        <\/div>\n        <div class=\"tn-persona-row\">\n          <p class=\"tn-persona-role\">The freelancer<\/p>\n          <p class=\"tn-persona-text\">Four client contexts that need to be completely separate. Closes one client, opens another, and the notes from the last Client A session are waiting when they return to it next week.<\/p>\n        <\/div>\n        <div class=\"tn-persona-row\">\n          <p class=\"tn-persona-role\">The deep reader<\/p>\n          <p class=\"tn-persona-text\">Working through a 14-tab research thread over several days. Doesn&#8217;t need it open right now, but needs it back Saturday morning exactly where it was. So they snooze it and it comes back on schedule.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- LOCAL STRIP -->\n  <div class=\"tn-local\">\n    <div class=\"tn-local-inner\">\n      <div class=\"tn-local-left\">\n        <p class=\"tn-eyebrow-sm\">Local by default<\/p>\n        <h2>No account. No server. Nothing leaves your browser.<\/h2>\n        <p>Your groups, notes, and snooze schedules live in your Chrome profile. Tabnook makes zero external requests. Only your preferences sync, through Chrome&#8217;s own sync channel. Your tab data never does.<\/p>\n      <\/div>\n      <div class=\"tn-local-stats\">\n        <div class=\"tn-local-stat\"><span class=\"tn-local-num\">0<\/span><span class=\"tn-local-lbl\">network requests made by Tabnook<\/span><\/div>\n        <div class=\"tn-local-stat\"><span class=\"tn-local-num\">0<\/span><span class=\"tn-local-lbl\">accounts required<\/span><\/div>\n        <div class=\"tn-local-stat\"><span class=\"tn-local-num\">0<\/span><span class=\"tn-local-lbl\">third-party dependencies<\/span><\/div>\n        <div class=\"tn-local-stat\"><span class=\"tn-local-num\">1<\/span><span class=\"tn-local-lbl\">click to reopen any group<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- FOOTER CTA -->\n  <div class=\"tn-footer-cta\">\n    <h2>Actually restart your computer for once.<br>Come back to exactly what you had.<\/h2>\n    <p>Free to install. Everything stays on your machine. No account, no server, no data leaving your browser.<\/p>\n    <a href=\"loupely-6zovqm.subscribepage.io\" class=\"tn-cta\">Free \u2014 join the waitlist<\/a>\n    <p class=\"tn-footer-fine\">Chrome MV3 \u00b7 Local only \u00b7 No sign-in required<\/p>\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Chrome extension \u00b7 Side panel You have twelve tabsopen for a reason.Tabnook rememberswhat that reason was. Groups, notes, snooze, and search, all in Chrome&#8217;s side panel. Close a group tonight and reopen it next week with your notes intact. Nothing leaves your browser. Free \u2014 join the waitlist No account required \u00b7 Local only \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tabnookextension.com\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tabnookextension.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tabnookextension.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tabnookextension.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tabnookextension.com\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":12,"href":"https:\/\/tabnookextension.com\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/tabnookextension.com\/wp-json\/wp\/v2\/pages\/11\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/tabnookextension.com\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}