notplanned/index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>notplanned</title>
<meta name="description" content="We build the features maintainers won't.">
<style>
:root{
  color-scheme:light dark;
  --bg:#f4f2ec; --fg:#111; --muted:#6a6861; --line:#cbc7bd; --card:#fbfaf6;
  --hot:#ff5a1f;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#10100f;--fg:#f3f0e8;--muted:#aaa69d;--line:#393732;--card:#171715;--hot:#ff7a45}
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
body{min-height:100vh}
a{color:inherit}
.wrap{width:min(980px,calc(100% - 36px));margin:0 auto}
header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font-weight:800;letter-spacing:-.04em}
.tiny{font-size:12px;color:var(--muted)}
.hero{padding:110px 0 72px}
h1{font-size:clamp(54px,11vw,118px);line-height:.84;letter-spacing:-.085em;margin:0 0 32px;max-width:900px}
.hero p{font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(20px,3.1vw,34px);line-height:1.15;max-width:700px;margin:0}
.strike{text-decoration:line-through;text-decoration-thickness:.08em;text-decoration-color:var(--hot)}
.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:0 0 90px}
.card{border:1px solid var(--line);background:var(--card);padding:24px;border-radius:18px}
.label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;margin-bottom:24px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 4px color-mix(in srgb,var(--hot) 18%,transparent)}
h2{font-family:ui-sans-serif,system-ui,sans-serif;font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}
.copy{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--muted);font-size:16px;line-height:1.5}
.metric{display:grid;grid-template-columns:1fr auto;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
.metric:first-of-type{margin-top:24px}
.value{font-weight:700}
.issue{display:block;text-decoration:none}
.issue:hover h2{text-decoration:underline}
.issue-meta{font-size:12px;color:var(--muted);margin-top:24px}
.flow{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:90px;display:flex;gap:12px;flex-wrap:wrap;font-size:13px}
.flow span:not(:last-child)::after{content:"→";margin-left:12px;color:var(--muted)}
footer{padding:0 0 44px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}
@media(max-width:760px){.hero{padding-top:76px}.grid{grid-template-columns:1fr}.flow{line-height:2}footer{flex-direction:column}}
</style>
</head>
<body>
<div class="wrap">
  <header>
    <div class="brand">notplanned</div>
    <div class="tiny"><a href="/claude/">claude signal</a> · a yolopreneur game</div>
  </header>

  <main>
    <section class="hero">
      <h1>we build the features maintainers <span class="strike">won't.</span></h1>
      <p>GitHub is full of demand hiding in <strong>not planned</strong>, <strong>out of scope</strong>, <strong>stale</strong>, and <strong>won't fix</strong>. We turn the good ones into tiny products.</p>
    </section>

    <section class="grid">
      <article class="card">
        <div class="label">game 001</div>
        <div class="status"><span class="dot"></span> live · scouting</div>
        <h2>Earn the first dollar from a feature somebody already asked for.</h2>
        <div class="copy">No startup brainstorm. No pitch deck. Find a real request upstream declined, solve it externally, expose it to reality, and let the game decide whether it deserves another move.</div>
        <div class="metric"><span>incubation</span><span class="value">free</span></div>
        <div class="metric"><span>target</span><span class="value">$1</span></div>
        <div class="metric"><span>next move</span><span class="value">find tea</span></div>
      </article>

      <a class="card issue" href="https://github.com/anthropics/claude-code/issues/26252" target="_blank" rel="noreferrer">
        <div class="label">scout signal</div>
        <h2>MCP access from Claude Code Task subagents</h2>
        <div class="copy">A concrete user request in a hot repo, closed upstream as <strong>not planned</strong>. Not automatically a business—just the kind of friction worth inspecting.</div>
        <div class="issue-meta">source ↗ github.com/anthropics/claude-code/issues/26252</div>
      </a>
    </section>

    <div class="flow" aria-label="notplanned loop">
      <span>scout friction</span>
      <span>check heat</span>
      <span>compose the smallest move</span>
      <span>launch</span>
      <span>reality selects</span>
    </div>
  </main>

  <footer>
    <span>notplanned · build what fell off the roadmap</span>
    <span>game > company</span>
  </footer>
</div>
</body>
</html>