v0: single-page The Everyone Factory
- Single index.html, monochrome, Tufte-flavored - Sections: hero, function, three layers, 2D scorecard, 5-app run, Phase 2/3 expansion, contact - Footer: Greybeard Holdings LLC, source link - No JS, no CSS framework, no build step - Ready to deploy at os.scoble.me/tef/
This commit is contained in:
parent
7db0b430ab
commit
525aa791ca
3 changed files with 208 additions and 2 deletions
175
index.html
Normal file
175
index.html
Normal file
|
|
@ -0,0 +1,175 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>The Everyone Factory</title>
|
||||
<meta name="description" content="A spec-first outcome practice. The factory is the engine. Everyone is the orientation.">
|
||||
<style>
|
||||
:root {
|
||||
--fg: #111;
|
||||
--fg-muted: #555;
|
||||
--fg-soft: #777;
|
||||
--rule: #ddd;
|
||||
--bg: #fff;
|
||||
--bg-soft: #fafafa;
|
||||
--accent: #111;
|
||||
--max: 38rem;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--fg: #e8e6e3;
|
||||
--fg-muted: #a8a6a3;
|
||||
--fg-soft: #6a6865;
|
||||
--rule: #2a2a2a;
|
||||
--bg: #0e0e0e;
|
||||
--bg-soft: #161616;
|
||||
--accent: #e8e6e3;
|
||||
}
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--fg); }
|
||||
body {
|
||||
font-family: "Iowan Old Style", "Charter", "Georgia", "Source Serif Pro", "Cambria", serif;
|
||||
font-size: 17px;
|
||||
line-height: 1.55;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
.wrap { max-width: var(--max); margin: 0 auto; padding: 3.5rem 1.5rem 6rem; }
|
||||
header { border-bottom: 1px solid var(--rule); padding-bottom: 2.5rem; margin-bottom: 2.5rem; }
|
||||
h1 {
|
||||
font-size: 2.6rem;
|
||||
line-height: 1.05;
|
||||
margin: 0 0 0.6rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
.lede { font-size: 1.15rem; color: var(--fg-muted); margin: 0 0 0.4rem; font-style: italic; }
|
||||
.meta { font-size: 0.85rem; color: var(--fg-soft); margin: 0; }
|
||||
h2 {
|
||||
font-size: 1.35rem;
|
||||
margin: 3rem 0 0.6rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.005em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.05rem;
|
||||
margin: 1.6rem 0 0.3rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
p { margin: 0 0 0.9rem; }
|
||||
code, pre {
|
||||
font-family: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace;
|
||||
font-size: 0.92em;
|
||||
}
|
||||
code { background: var(--bg-soft); padding: 0.1em 0.35em; border: 1px solid var(--rule); border-radius: 3px; }
|
||||
pre { background: var(--bg-soft); border: 1px solid var(--rule); padding: 1rem; overflow-x: auto; line-height: 1.45; }
|
||||
pre code { background: none; border: none; padding: 0; }
|
||||
.rule { border: 0; border-top: 1px solid var(--rule); margin: 2.5rem 0; }
|
||||
ul, ol { padding-left: 1.4rem; margin: 0 0 1rem; }
|
||||
li { margin-bottom: 0.35rem; }
|
||||
.small { font-size: 0.85rem; color: var(--fg-soft); }
|
||||
a { color: var(--accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
|
||||
a:hover { text-decoration-thickness: 2px; }
|
||||
footer {
|
||||
margin-top: 4rem;
|
||||
padding-top: 1.5rem;
|
||||
border-top: 1px solid var(--rule);
|
||||
color: var(--fg-soft);
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.mono { font-family: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace; font-size: 0.92em; }
|
||||
.fn { font-family: "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace; font-size: 0.95em; background: var(--bg-soft); border: 1px solid var(--rule); padding: 0.6rem 0.8rem; display: inline-block; margin: 0.4rem 0 0.8rem; }
|
||||
.grid { display: grid; grid-template-columns: 1fr; gap: 0.6rem; margin: 0.6rem 0 1.2rem; }
|
||||
.row { display: grid; grid-template-columns: 9rem 1fr; gap: 0.5rem; padding: 0.4rem 0; border-bottom: 1px dotted var(--rule); font-size: 0.95rem; }
|
||||
.row:last-child { border-bottom: none; }
|
||||
.row .k { color: var(--fg-soft); }
|
||||
.pill { display: inline-block; font-size: 0.78rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--fg-soft); border: 1px solid var(--rule); padding: 0.15rem 0.5rem; margin-right: 0.4rem; border-radius: 999px; }
|
||||
@media (max-width: 30rem) {
|
||||
.wrap { padding: 2rem 1rem 4rem; }
|
||||
h1 { font-size: 2.1rem; }
|
||||
.row { grid-template-columns: 1fr; gap: 0.1rem; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<header>
|
||||
<h1>The Everyone Factory</h1>
|
||||
<p class="lede">A spec-first outcome practice. The factory is the engine. Everyone is the orientation.</p>
|
||||
<p class="meta">Greybeard Holdings LLC · Henderson, NV · 2026</p>
|
||||
</header>
|
||||
|
||||
<h2>What it is</h2>
|
||||
<p>The factory takes a spec. The spec is the contract. The contract is in your hand before any code gets written. The factory builds to the contract. The contract is the deliverable.</p>
|
||||
<p>This is not a software shop. This is not a SaaS factory. This is a practice that produces whatever the spec describes — software today, books next, physical goods after. The medium changes. The function is the same.</p>
|
||||
|
||||
<hr class="rule">
|
||||
|
||||
<h2>The function</h2>
|
||||
<p>In one line:</p>
|
||||
<div class="fn">engine(spec) = Product</p>
|
||||
<p>The engine takes a spec. The engine returns a product. The product is whatever the spec describes — a SaaS, a book, a 3D-printed part, a crochet pattern. The spec is the input contract. The product is the output. The factory is the function.</p>
|
||||
|
||||
<h2>Three layers</h2>
|
||||
<div class="grid">
|
||||
<div class="row"><span class="k">Engine</span><span>The function, the methodology, the reusable infrastructure. The layer that compounds across products.</span></div>
|
||||
<div class="row"><span class="k">Components</span><span>Reusable outputs that ship in 2+ products, across any medium. The layer that compounds across time.</span></div>
|
||||
<div class="row"><span class="k">App</span><span>The thing the user sees. The 7-day deliverable. The layer that compounds case studies.</span></div>
|
||||
</div>
|
||||
<p>Product = App + Components. Cutting an app at 8 months doesn't lose the components. The components survive into the next app. The engine survives every cut.</p>
|
||||
|
||||
<hr class="rule">
|
||||
|
||||
<h2>How the value is measured</h2>
|
||||
<p>Every app is scored on two axes. Both matter. Neither replaces the other.</p>
|
||||
<div class="grid">
|
||||
<div class="row"><span class="k">Cashflow</span><span>Build cost, monthly inference cost, MRR, time to first revenue. Operational efficiency.</span></div>
|
||||
<div class="row"><span class="k">Signal</span><span>Reusable modules produced, founder-type data points, cycle-time benchmarks, spec gaps, sales experiments. Compounding leverage.</span></div>
|
||||
</div>
|
||||
<p>Apps land in one of four cells:</p>
|
||||
<ul>
|
||||
<li><strong>High signal + high cashflow</strong> — the rare home run. Scale it.</li>
|
||||
<li><strong>Low signal + high cashflow</strong> — the boring winner. Keep it; the engine already learned what it can.</li>
|
||||
<li><strong>High signal + low cashflow</strong> — the research app. Budget the burn. Don't cut.</li>
|
||||
<li><strong>Low signal + low cashflow</strong> — the dead weight. Cut at 8 months.</li>
|
||||
</ul>
|
||||
<p>The kill threshold: 110% of inference cost in monthly revenue at month 8. The success bar (the marketing claim): $1K MRR per app. The actual engine value: the cumulative signal density, not any single app's revenue.</p>
|
||||
|
||||
<hr class="rule">
|
||||
|
||||
<h2>What's running</h2>
|
||||
<p>Phase 1: software. Five apps, by increasing complexity. Each is a hypothesis test for the engine. Each is an experiment. The portfolio is the engine's instrument panel.</p>
|
||||
<ol>
|
||||
<li><span class="pill">Cycle time</span> <strong>ShipFast</strong> — a Next.js SaaS boilerplate. Tests whether the engine can ship a working SaaS in 7 days at <$5K total cost.</li>
|
||||
<li><span class="pill">Spec-ability</span> <strong>Senja</strong> — a testimonial collection + widget embed. Tests whether the spec-first practice survives a clean widget-renderer build.</li>
|
||||
<li><span class="pill">Depth</span> <strong>Fathom</strong> — a privacy-first analytics platform. Tests whether the engine produces a 30-day product, not just a 7-day one.</li>
|
||||
<li><span class="pill">Integration</span> <strong>Rewardful</strong> — a Stripe-native affiliate tracker. Tests whether the engine integrates with serious third-party infrastructure.</li>
|
||||
<li><span class="pill">Pre-sell</span> <strong>Subscribr</strong> — an AI newsletter tool. Tests whether the engine can pre-sell a spec before any code, the way Subscribr did in the wild.</li>
|
||||
</ol>
|
||||
|
||||
<h2>What's next</h2>
|
||||
<ul>
|
||||
<li><strong>Phase 2</strong> — software continues; books (Kindle Direct Publishing) and physical goods (Etsy-class marketplaces) enter the portfolio. Same engine function; different output types.</li>
|
||||
<li><strong>Phase 3</strong> — the engine is medium-agnostic. Components catalog spans software, books, and physical goods. The factory produces whatever the spec describes.</li>
|
||||
</ul>
|
||||
|
||||
<hr class="rule">
|
||||
|
||||
<h2>How to engage</h2>
|
||||
<p>If you have a spec — a thing you want built, a workflow you want specified, a founder-shape problem you want named — the factory is for you. The first conversation is the spec. The spec is the contract. The contract is the price.</p>
|
||||
<p>Email: <a href="mailto:scott@scoble.me">scott@scoble.me</a></p>
|
||||
|
||||
<hr class="rule">
|
||||
|
||||
<h2>Why this exists</h2>
|
||||
<p>Bezos started with books. We start with software. He built the everything store. We are building the everything factory.</p>
|
||||
<p>The factory is the engine. Everyone is the orientation. This is the humanity in the age of AI.</p>
|
||||
|
||||
<footer>
|
||||
<p>The Everyone Factory is a practice of <strong>Greybeard Holdings LLC</strong>. Source: <a href="https://os.scoble.me/forgejo/marcus/everyone-factory">marcus/everyone-factory</a>. v0 · 2026-07-17.</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue