Skip to content

Commit 3bc5f8d

Browse files
dbhurleydbhurley
committed
Homepage: surface SOM Cache, ROI cost, W3C membership, MCP first-mover, publisher path
- Add ROI cost callout in hero ( vs .69 per 1K pages/day) - Add trust badges: W3C Community Group, MCP Registry first-mover, live comparison - Replace Binary card with Cost card in perf grid - Add SOM Cache panel (hosted API, no install required) - Add For Publishers panel (/.well-known/som.json, 68% cost reduction) - Add W3C membership to Open Standard section - Add MCP first-mover note to Install section - Add SOM Cache + SOMorDOM links to footer
1 parent bb1ab12 commit 3bc5f8d

1 file changed

Lines changed: 94 additions & 4 deletions

File tree

‎website/index.html‎

Lines changed: 94 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -592,6 +592,51 @@
592592
font-family: var(--font-mono);
593593
}
594594

595+
.cost-hero {
596+
font-family: var(--font-mono);
597+
font-size: 14px;
598+
color: rgba(240,237,232,0.72);
599+
margin: 16px 0 0;
600+
max-width: 56ch;
601+
}
602+
.cost-hero strong { color: rgba(240,237,232,0.9); font-weight: 600; }
603+
.cost-hero .accent { color: var(--ember); }
604+
605+
.trust-badges {
606+
display: flex;
607+
gap: 12px;
608+
flex-wrap: wrap;
609+
margin-bottom: 36px;
610+
}
611+
612+
.badge {
613+
display: inline-flex;
614+
align-items: center;
615+
gap: 8px;
616+
padding: 7px 14px;
617+
border: 1px solid rgba(240,237,232,0.12);
618+
border-radius: 999px;
619+
background: rgba(26,25,24,0.5);
620+
font-family: var(--font-mono);
621+
font-size: 11px;
622+
color: rgba(240,237,232,0.75);
623+
text-decoration: none;
624+
letter-spacing: 0.02em;
625+
transition: border-color 0.15s;
626+
}
627+
628+
.badge:hover {
629+
border-color: rgba(232,133,58,0.4);
630+
text-decoration: none;
631+
}
632+
633+
.badge-dot {
634+
width: 6px;
635+
height: 6px;
636+
border-radius: 50%;
637+
flex-shrink: 0;
638+
}
639+
595640
.no-motion { display: none; }
596641

597642
@media (prefers-reduced-motion: reduce) {
@@ -629,9 +674,25 @@
629674
<div class="hero-section">
630675
<h1 class="headline">The <span class="accent">browser engine</span> for agents.</h1>
631676
<p class="subhead">Plasmate compiles HTML into a Semantic Object Model, a structured representation that LLMs can reason about directly. 50x faster than Chrome. 10x fewer tokens.</p>
677+
<p class="cost-hero">1,000 pages/day: <strong>$99 in HTML tokens</strong> vs <strong class="accent">$5.69 in SOM</strong>. Same content. 94% less cost.</p>
632678
<p class="no-motion note">Reduced motion is enabled. Background particles are disabled.</p>
633679
</div>
634680

681+
<div class="trust-badges">
682+
<a href="https://www.w3.org/community/web-content-browser-ai/" target="_blank" rel="noreferrer" class="badge">
683+
<span class="badge-dot" style="background: var(--arc);"></span>
684+
W3C Community Group Member
685+
</a>
686+
<a href="https://registry.modelcontextprotocol.io" target="_blank" rel="noreferrer" class="badge">
687+
<span class="badge-dot" style="background: var(--ember);"></span>
688+
First browser tool on the MCP Registry
689+
</a>
690+
<a href="https://somordom.com" target="_blank" rel="noreferrer" class="badge">
691+
<span class="badge-dot" style="background: var(--corona);"></span>
692+
Try the live comparison
693+
</a>
694+
</div>
695+
635696
<!-- THE NUMBERS -->
636697
<div class="perf-grid">
637698
<div class="card">
@@ -650,9 +711,9 @@ <h1 class="headline">The <span class="accent">browser engine</span> for agents.<
650711
<p class="desc">Across 98 sites. Up to 1,544x on heavy SPAs. Mean 44.9x, median 9x. <a href="https://docs.plasmate.app/benchmark-cost" style="color: var(--ember);">See the benchmark</a>.</p>
651712
</div>
652713
<div class="card">
653-
<div class="kicker">Binary</div>
654-
<div class="value">45.8 MB</div>
655-
<p class="desc">One file. No dependencies. 54 MB with plugins.</p>
714+
<div class="kicker">Cost</div>
715+
<div class="value" style="color: var(--ember);">$5.69 <span style="font-size: 15px; color: rgba(240,237,232,0.5);">vs $99</span></div>
716+
<p class="desc">Per 1,000 pages/day with GPT-4o. SOM tokens vs raw HTML tokens. <a href="https://somordom.com" style="color: var(--ember);">Calculate yours</a>.</p>
656717
</div>
657718
</div>
658719

@@ -712,6 +773,8 @@ <h2 class="section-title">Infrastructure, not product</h2>
712773
<p class="para">Plasmate is Apache 2.0 licensed. Use it, fork it, embed it, sell it.</p>
713774
<p class="para">SOM and AWP are specifications, not features. We want them implemented everywhere: in other browser engines, in agent frameworks, in production systems we'll never see.</p>
714775
<p class="para">The web has standards for documents, for styling, for scripting. It needs a standard for agents. This is that standard.</p>
776+
<div class="rule"></div>
777+
<p class="note">Member of the <a href="https://www.w3.org/community/web-content-browser-ai/" target="_blank" rel="noreferrer" style="color: var(--ember);">W3C Web Content and Browser AI Community Group</a>. SOM and AWP are being developed as open web standards.</p>
715778
</div>
716779

717780
<div class="panel" id="install">
@@ -741,7 +804,32 @@ <h2 class="section-title">30 seconds. Your AI gets a better browser.</h2>
741804
</div>
742805
</div>
743806

744-
<p class="note" style="margin-top: 16px;">230 tests passing. 94/98 top sites covered. Actively maintained.</p>
807+
<p class="note" style="margin-top: 16px;">First browser tool on the <a href="https://registry.modelcontextprotocol.io" target="_blank" rel="noreferrer" style="color: var(--ember);">official MCP Registry</a>. 230 tests passing. 94/98 top sites covered.</p>
808+
</div>
809+
</div>
810+
811+
<!-- CACHE + PUBLISHERS -->
812+
<div class="content-grid" style="margin-top: 20px;">
813+
<div class="panel">
814+
<div class="section-label">SOM Cache</div>
815+
<h2 class="section-title">No install required</h2>
816+
<p class="para">Don't want to run a binary? The SOM Cache is a hosted API that compiles any URL to SOM on demand. Shared CDN, cached results, zero infrastructure on your side.</p>
817+
<p class="para">When multiple agents request the same page, they share a single compilation. Less redundant fetching for publishers, lower latency for agents.</p>
818+
<div class="install-cmd"><span class="prompt">$ </span>curl https://cache.plasmate.app/v1/som?url=https://example.com</div>
819+
<p class="para">Works with any HTTP client, any language, any agent framework. No API key required for public pages.</p>
820+
<div style="margin-top: 14px;">
821+
<a class="pill" href="https://cache.plasmate.app" target="_blank" rel="noreferrer" style="display: inline-flex;"><span class="dot"></span>cache.plasmate.app</a>
822+
</div>
823+
</div>
824+
825+
<div class="panel">
826+
<div class="section-label">For Publishers</div>
827+
<h2 class="section-title">Serve SOM alongside HTML</h2>
828+
<p class="para">Publishers can pre-compute SOM for their pages and serve it at a well-known endpoint. Agents discover it automatically, just like sitemaps for search engines.</p>
829+
<div class="install-cmd" style="font-size: 13px;">/.well-known/som.json</div>
830+
<p class="para">This is the cooperative path: instead of blocking agents or serving them expensive raw HTML, give them a structured format designed for their consumption. Lower bandwidth costs, content control, and provenance metadata for attribution.</p>
831+
<p class="para">The economics: mid-size publishers serving 1M agent requests/month save ~68% on infrastructure by serving SOM instead of HTML. <a href="https://dbhurley.com/blog/the-publishers-dilemma" style="color: var(--ember);">Read the full analysis</a>.</p>
832+
<p class="note">plasmate.app and somordom.com already serve /.well-known/som.json. <a href="https://dbhurley.com/papers" style="color: var(--ember);">robots.txt extension proposal</a> in the research papers.</p>
745833
</div>
746834
</div>
747835

@@ -809,6 +897,8 @@ <h2 class="section-title" style="font-size: 22px;">Performance in context</h2>
809897
<a href="/docs/som">SOM Reference</a>
810898
<a href="/docs/changelog">Changelog</a>
811899
<a href="/docs/log">Engineering Log</a>
900+
<a href="https://cache.plasmate.app" target="_blank" rel="noreferrer">SOM Cache</a>
901+
<a href="https://somordom.com" target="_blank" rel="noreferrer">SOM vs DOM</a>
812902
<a href="/privacy">Privacy</a>
813903
</div>
814904
</div>

0 commit comments

Comments
 (0)