Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 10 additions & 12 deletions design-system.css
Original file line number Diff line number Diff line change
Expand Up @@ -1789,23 +1789,21 @@ html:has(body.agentrust-hub) { scroll-behavior: smooth; }
.marketplace-callout h3 { margin:.3rem 0;font-size:1.25rem; }.marketplace-callout p { color:var(--muted);font-size:.9rem; }
.marketplace-page { background:var(--at-paper); }.marketplace-page main { overflow:hidden; }.marketplace-page .site-header { position:relative;background:var(--at-paper); }
.marketplace-page .site-header [aria-current="page"] { color:var(--at-red); }.marketplace-page .button { display:inline-flex;align-items:center;justify-content:center; }
.market-hero { position:relative;padding:clamp(4.5rem,9vw,8rem) 0;background:var(--at-ink);color:var(--at-paper); }
.market-hero::before { position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(242,90,57,.2),transparent 24%),linear-gradient(115deg,transparent 66%,rgba(255,255,255,.03) 66%);content:"";pointer-events:none; }
.market-hero-grid { position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);align-items:center;gap:clamp(3rem,8vw,8rem); }
.market-hero h1 { max-width:850px;margin:.8rem 0 1.4rem;color:#fff;font-family:var(--at-serif);font-size:clamp(3rem,7vw,6.4rem);font-weight:500;letter-spacing:-.055em;line-height:.94; }
.market-hero h1 em { color:var(--at-red);font-style:italic; }.market-intro { max-width:720px;color:rgba(255,255,255,.68);font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.7; }
.market-hero-actions { display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem; }.market-hero .button.secondary { border-color:rgba(255,255,255,.25);color:#fff; }
.market-signal { position:relative;padding:2rem;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.035);box-shadow:0 24px 70px rgba(0,0,0,.22); }
.signal-orbit { position:relative;height:175px;margin-bottom:1.8rem;border:1px solid rgba(255,255,255,.12);border-radius:50%; }
.signal-orbit::before,.signal-orbit::after { position:absolute;inset:23%;border:1px solid rgba(242,90,57,.3);border-radius:50%;content:""; }.signal-orbit::after { inset:46%;background:var(--at-red);border:0; }
.signal-orbit span { position:absolute;padding:.28rem .55rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:var(--at-ink);color:rgba(255,255,255,.72);font-family:var(--at-mono);font-size:.6rem;letter-spacing:.08em; }.signal-orbit span:nth-child(1){top:8%;left:43%}.signal-orbit span:nth-child(2){right:3%;bottom:25%}.signal-orbit span:nth-child(3){bottom:8%;left:5%}
.market-signal p { display:flex;align-items:baseline;justify-content:space-between;margin:0;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.62);font-size:.78rem; }.market-signal p strong { color:#fff;font-family:var(--at-serif);font-size:1.7rem;font-weight:500; }
.market-hero { position:relative;padding:clamp(3.5rem,7vw,6rem) 0;border-top:1px solid var(--at-line);border-bottom:1px solid var(--at-line);background:linear-gradient(135deg,var(--at-paper) 0%,#f4f0e8 72%,#eee8dc 100%);color:var(--at-ink); }
.market-hero::before { position:absolute;top:0;right:10%;width:220px;height:4px;background:var(--at-red);content:""; }
.market-hero-grid { position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);align-items:center;gap:clamp(2.5rem,7vw,7rem); }
.market-hero h1 { max-width:780px;margin:.8rem 0 1.25rem;color:var(--at-ink);font-family:var(--at-serif);font-size:clamp(2.8rem,5.6vw,5.2rem);font-weight:500;letter-spacing:-.05em;line-height:.98; }
.market-hero h1 em { color:var(--at-red);font-style:italic; }.market-intro { max-width:690px;color:var(--at-muted);font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.7; }
.market-hero-actions { display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem; }.market-hero .button.secondary { border-color:var(--at-line);color:var(--at-ink);background:rgba(255,255,255,.45); }
.market-signal { position:relative;padding:1.7rem;border:1px solid var(--at-line);border-radius:16px;background:rgba(255,255,255,.64);box-shadow:0 18px 50px rgba(19,19,19,.05); }
.market-signal p { display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;margin:0;padding:.8rem 0;border-bottom:1px solid var(--at-line);color:var(--at-muted);font-size:.76rem; }.market-signal p:first-child{padding-top:0}.market-signal p strong { color:var(--at-ink);font-family:var(--at-serif);font-size:1.65rem;font-weight:500; }.market-signal small{display:block;margin-top:1rem;color:var(--at-muted);font-size:.66rem;line-height:1.5}.market-signal small.catalog-warning{color:#8b5b20}
.market-featured,.market-browser { padding:clamp(4rem,8vw,7rem) 0; }.market-featured { background:#f0ede6; }.market-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem; }
.market-section-heading h2,.market-submit h2 { margin-top:.45rem;font-family:var(--at-serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.035em;line-height:1.05; }.market-section-heading>a { color:var(--at-ink);font-size:.8rem;font-weight:700; }
.featured-strip,.market-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem; }.market-card { display:flex;min-height:360px;flex-direction:column;justify-content:space-between;padding:1.4rem;border:1px solid var(--at-line);border-radius:16px;background:var(--at-white);transition:transform .2s,border-color .2s,box-shadow .2s; }
.market-card:hover { transform:translateY(-3px);border-color:rgba(19,19,19,.35);box-shadow:0 16px 35px rgba(19,19,19,.07); }.market-card-featured { min-height:330px; }
.market-card-top { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem; }.market-mark { display:flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:13px;background:var(--at-ink);color:#fff;font-family:var(--at-mono);font-size:.82rem;font-weight:700;letter-spacing:-.02em; }
.mark-frameworks{background:#5d3fd3}.mark-observability{background:#a43c78}.mark-security-policy{background:#173d34}.mark-identity-trust{background:#304b83}.mark-compliance{background:#7b4825}.mark-evidence-receipts{background:#604070}
.mark-agt-integrations{background:#315b78}.tier-project i{background:#4c7fa3}
.market-tier { display:inline-flex;align-items:center;gap:.4rem;color:var(--at-muted);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; }.market-tier i { width:7px;height:7px;border-radius:50%;background:#3b9f78; }
.market-vendor { margin-top:2rem;color:var(--at-muted);font-size:.69rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase; }.market-card h3 { margin:.35rem 0 .65rem;font-family:var(--at-serif);font-size:1.5rem;font-weight:600;letter-spacing:-.025em; }.market-description { color:var(--at-muted);font-size:.88rem;line-height:1.6; }
.market-card-foot { margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--at-line); }.market-tags { display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem; }.market-tags span { padding:.25rem .5rem;border-radius:999px;background:var(--at-paper-2);color:var(--at-muted);font-family:var(--at-mono);font-size:.62rem; }.market-card-foot>a { display:flex;justify-content:space-between;color:var(--at-ink);font-size:.78rem;font-weight:750;text-decoration:none; }.market-card-foot>a:hover { color:var(--at-red); }
Expand All @@ -1815,7 +1813,7 @@ html:has(body.agentrust-hub) { scroll-behavior: smooth; }
.market-layout { display:grid;grid-template-columns:220px 1fr;align-items:start;gap:2.2rem; }.market-filters { position:sticky;top:1.5rem; }.filter-group { padding:0 0 1.4rem;margin-bottom:1.4rem;border-bottom:1px solid var(--at-line); }.filter-group>p { margin-bottom:.75rem;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase; }.filter-group label { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.45rem 0;color:var(--at-muted);font-size:.78rem;cursor:pointer; }.filter-group input { accent-color:var(--at-red); }.filter-group b { color:#999;font-size:.68rem;font-weight:500; }.clear-filters { padding:0;border:0;background:none;color:var(--at-red);font:inherit;font-size:.72rem;font-weight:750;cursor:pointer; }.neutrality-note { margin-top:2rem;padding:1rem;border-left:2px solid var(--at-line);color:var(--at-muted);font-size:.7rem;line-height:1.55; }
.market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.active-filters { display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem; }.active-filters:empty { display:none; }.active-filters button { padding:.35rem .6rem;border:1px solid var(--at-line);border-radius:999px;background:var(--at-white);color:var(--at-muted);font-size:.68rem;cursor:pointer; }
.market-empty { padding:5rem 2rem;border:1px dashed var(--at-line);border-radius:16px;text-align:center; }.market-empty span { color:var(--at-red);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.market-empty h3 { margin:.7rem 0;font-family:var(--at-serif);font-size:2rem; }.market-empty p { margin-bottom:1.4rem;color:var(--at-muted); }
.market-submit { padding:clamp(4rem,8vw,7rem) 0;background:var(--at-red);color:#fff; }.market-submit .eyebrow { color:rgba(255,255,255,.7); }.submit-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,8vw,7rem); }.market-submit p { max-width:580px;color:rgba(255,255,255,.78);line-height:1.7; }.market-submit .button { margin-top:1.5rem;background:var(--at-ink);color:#fff; }
.market-submit { padding:clamp(3.5rem,7vw,5.5rem) 0;border-top:1px solid var(--at-line);background:#ece7dd;color:var(--at-ink); }.market-submit .eyebrow { color:var(--at-red); }.submit-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,8vw,7rem); }.market-submit p { max-width:580px;color:var(--at-muted);line-height:1.7; }.market-submit .button { margin-top:1.5rem;background:var(--at-ink);color:#fff; }
.marketplace-page [hidden] { display:none!important; }.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(max-width:860px){.marketplace-callout,.market-section-heading{align-items:flex-start;flex-direction:column}.market-hero-grid,.market-layout,.submit-grid{grid-template-columns:1fr}.market-signal{max-width:440px}.featured-strip,.market-grid{grid-template-columns:1fr}.market-filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.neutrality-note{grid-column:1/-1;margin-top:0}.market-search-row{grid-template-columns:1fr}.market-sort{padding-left:0}.market-card{min-height:315px}}
@media(max-width:560px){.market-hero h1 br{display:none}.market-filters{grid-template-columns:1fr}.neutrality-note{grid-column:auto}.market-search kbd{display:none}}
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -194,7 +194,7 @@
]
}
</script>
<link rel="stylesheet" href="/design-system.css?v=11">
<link rel="stylesheet" href="/design-system.css?v=12">
</head>
<body class="agentrust-hub" id="top">

Expand Down
8 changes: 4 additions & 4 deletions marketplace/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,20 +8,20 @@
<link rel="icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta property="og:type" content="website"><meta property="og:site_name" content="AgenTrust"><meta property="og:title" content="AgenTrust Marketplace"><meta property="og:description" content="Build on the open ecosystem for verifiable AI agents."><meta property="og:url" content="https://agentrust-io.com/marketplace/"><meta property="og:image" content="https://agentrust-io.com/og.png">
<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="AgenTrust Marketplace"><meta name="twitter:description" content="Discover integrations for TRACE, cMCP, and Agent Manifest."><meta name="twitter:image" content="https://agentrust-io.com/og.png">
<link rel="stylesheet" href="/design-system.css?v=11">
<link rel="stylesheet" href="/design-system.css?v=12">
</head>
<body class="at-page marketplace-page">
<header class="site-header"><div class="wrap header-in"><a class="wordmark" href="/">agentrust<span>.</span>io</a><nav aria-label="Primary navigation"><a href="/">Ecosystem</a><a href="/marketplace/" aria-current="page">Marketplace</a><a href="/#standards">Technology</a><a href="/quickstart/">Quickstart</a><a class="cta" href="https://github.com/agentrust-io/integrations">Add yours ↗</a></nav></div></header>
<main>
<section class="market-hero"><div class="wrap market-hero-grid"><div><p class="eyebrow">The open ecosystem, ready to build</p><h1>Find your way into<br><em>verifiable AI.</em></h1><p class="market-intro">Discover community-built plugins, adapters, enforcement tools, and evidence exporters that connect real agent stacks to TRACE, Confidential MCP, and Agent Manifest.</p><div class="market-hero-actions"><a class="button primary" href="#browse">Explore the marketplace</a><a class="button secondary" href="https://github.com/agentrust-io/integrations/blob/main/CONTRIBUTING.md">Publish an integration ↗</a></div></div><aside class="market-signal" aria-label="Marketplace summary"><div class="signal-orbit" aria-hidden="true"><span>TRACE</span><span>cMCP</span><span>MANIFEST</span></div><p><strong id="hero-count">15</strong> open integrations</p><p><strong>3</strong> trust-layer entry points</p><p><strong>1</strong> neutral contribution path</p></aside></div></section>
<section class="market-hero"><div class="wrap market-hero-grid"><div><p class="eyebrow">AgenTrust Marketplace</p><h1>Build with the<br><em>verifiable AI ecosystem.</em></h1><p class="market-intro">Find integrations across AgenTrust and the Microsoft Agent Governance Toolkit—from framework adapters to policy enforcement and portable trust evidence.</p><div class="market-hero-actions"><a class="button primary" href="#browse">Explore integrations</a><a class="button secondary" href="https://github.com/agentrust-io/integrations/blob/main/CONTRIBUTING.md">Publish an integration ↗</a></div></div><aside class="market-signal" aria-label="Marketplace summary"><p><strong id="hero-count">—</strong> integrations in one directory</p><p><strong id="native-count"></strong> AgenTrust integrations</p><p><strong id="agt-count">—</strong> AGT integrations</p><small id="catalog-status" aria-live="polite">Loading live repository catalogs…</small></aside></div></section>
<section class="market-featured" aria-labelledby="featured-title"><div class="wrap"><div class="market-section-heading"><div><p class="eyebrow">Start here</p><h2 id="featured-title">Built for the stacks agents already use</h2></div><a href="#browse">Browse all integrations ↓</a></div><div class="featured-strip" id="featured-list"></div></div></section>
<section class="market-browser" id="browse" aria-labelledby="browse-title"><div class="wrap">
<div class="market-section-heading browser-heading"><div><p class="eyebrow">Explore the ecosystem</p><h2 id="browse-title">Find the right integration</h2></div><p class="market-count" aria-live="polite"><strong id="result-count">15</strong> <span id="result-label">integrations</span></p></div>
<div class="market-search-row"><label class="market-search"><span class="sr-only">Search marketplace</span><svg aria-hidden="true" viewBox="0 0 24 24"><path d="m21 21-4.35-4.35m2.35-5.65a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z"/></svg><input id="market-search" type="search" placeholder="Search integrations, platforms, or use cases…" autocomplete="off"><kbd>/</kbd></label><label class="market-sort">Sort <select id="market-sort"><option value="featured">Featured</option><option value="az">Name A–Z</option><option value="za">Name Z–A</option></select></label></div>
<div class="market-layout"><aside class="market-filters" aria-label="Marketplace filters"><div class="filter-group"><p>Trust layer</p><div id="stack-filters"></div></div><div class="filter-group"><p>Integration type</p><div id="type-filters"></div></div><button class="clear-filters" id="clear-filters" type="button">Clear all filters</button><div class="neutrality-note"><strong>Open by design.</strong><br>Listings follow the same published technical rules. Community tier is structure-validated, not an endorsement.</div></aside><div><div class="active-filters" id="active-filters" aria-live="polite"></div><div class="market-grid" id="market-grid"></div><div class="market-empty" id="market-empty" hidden><span>0 results</span><h3>No integration matches that search—yet.</h3><p>Try fewer filters, or be the project that fills the gap.</p><button class="button secondary" type="button" id="empty-clear">Clear filters</button></div></div></div>
<div class="market-layout"><aside class="market-filters" aria-label="Marketplace filters"><div class="filter-group"><p>Technology</p><div id="stack-filters"></div></div><div class="filter-group"><p>Integration type</p><div id="type-filters"></div></div><button class="clear-filters" id="clear-filters" type="button">Clear all filters</button><div class="neutrality-note"><strong>Know what the labels mean.</strong><br>AgenTrust Community entries are manifest-validated, not endorsed. AGT project entries are discovered directly from Microsoft’s integration collection.</div></aside><div><div class="active-filters" id="active-filters" aria-live="polite"></div><div class="market-grid" id="market-grid"></div><div class="market-empty" id="market-empty" hidden><span>0 results</span><h3>No integration matches that search—yet.</h3><p>Try fewer filters, or be the project that fills the gap.</p><button class="button secondary" type="button" id="empty-clear">Clear filters</button></div></div></div>
</div></section>
<section class="market-submit"><div class="wrap submit-grid"><div><p class="eyebrow">Make the ecosystem bigger</p><h2>Your integration belongs here.</h2></div><div><p>Connect a framework, platform, policy engine, or governance product to the AgenTrust stack. The submission path is public, self-serve, and governed by the same rules for everyone.</p><a class="button primary" href="https://github.com/agentrust-io/integrations/blob/main/CONTRIBUTING.md">List your integration ↗</a></div></div></section>
</main>
<footer class="site-footer"><div class="wrap foot-in"><div class="foot-brand"><a class="wordmark" href="/">agentrust<span>.</span>io</a><p class="tagline">Open infrastructure for verifiable AI agents.</p></div><div class="foot-links"><a href="https://github.com/agentrust-io">GitHub</a><a href="https://discord.gg/9JWNpH7E">Discord</a><a href="/">Ecosystem</a></div></div><div class="wrap foot-legal">Marketplace listings describe technical integrations, not endorsement, certification, or commercial availability.</div></footer>
<script src="/marketplace/marketplace.js?v=1"></script>
<script src="/marketplace/marketplace.js?v=2"></script>
</body></html>
Loading