Skip to content

AAIF rebrand: replace Linux Foundation branding, announcement banner, hero polish #560

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sebastianmaniak merged 5 commits into from
Jun 4, 2026
Merged

AAIF rebrand: replace Linux Foundation branding, announcement banner, hero polish #560

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
785f8cb
Replace Linux Foundation branding with AAIF
sebastianmaniak Jun 1, 2026
409bab1
Add site-wide AAIF announcement banner; refine hero/spotlight branding
sebastianmaniak Jun 1, 2026
c647de2
Tune hero AAIF badge: match wordmark color, rebalance sizing
sebastianmaniak Jun 1, 2026
8ef3e36
Refine landing branding: transparent nav logo, tighter hero spacing, …
sebastianmaniak Jun 4, 2026
7970550
Remove AAIF badge from hero (kept in announcement banner)
sebastianmaniak Jun 4, 2026
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
4 changes: 2 additions & 2 deletions layouts/_default/enterprise.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,11 @@ <h1 class="text-4xl lg:text-5xl font-bold text-primary-text font-heading">
Enterprise <span class="text-tertiary-text">Distributions</span>
</h1>
<p class="text-lg text-secondary-text mt-6 max-w-3xl">
Agentgateway was originally created by Solo.io and is a Linux Foundation project. The listed partners offer enterprise distributions and commercial support for agentgateway.
Agentgateway was originally created by Solo.io and is an AAIF project. The listed partners offer enterprise distributions and commercial support for agentgateway.
</p>
</div>
<div class="flex-shrink-0">
<img src="/lf-logo.svg" alt="Linux Foundation" class="h-24 lg:h-32 object-contain" />
<img src="/aaif-dark.svg" alt="AAIF" class="h-24 lg:h-32 object-contain" />
</div>
</div>
</div>
Expand Down
71 changes: 71 additions & 0 deletions layouts/partials/announcement.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
{{- /*
AAIF announcement banner — a dismissible, goose-style fixed bar pinned to the
top of the viewport. This partial is included from every page template
(homepage, docs, tutorials, enterprise, blog), so the banner is site-wide.

Dismissal is remembered in localStorage. When the banner is showing, the
`agw-has-banner` class on <html> shifts the fixed navbars and page content
down by the banner height so nothing is covered.
*/ -}}
<style>
:root { --agw-banner-h: 40px; }

.agw-banner {
position: fixed; top: 0; left: 0; right: 0; height: var(--agw-banner-h);
display: flex; align-items: center; justify-content: center; gap: 8px;
background: linear-gradient(90deg, #6c2bbd 0%, #8A3FFC 100%);
color: #fff; padding: 0 44px; text-align: center;
font-family: 'Figtree', system-ui, sans-serif; font-size: 0.875rem;
line-height: 1.2; z-index: 200;
}
.agw-banner a {
color: #fff; font-weight: 600; text-decoration: underline;
text-underline-offset: 2px;
}
.agw-banner a:hover { opacity: 0.85; }
.agw-banner-close {
position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
display: inline-flex; align-items: center; justify-content: center;
width: 26px; height: 26px; padding: 0; border: none; background: none;
color: #fff; font-size: 20px; line-height: 1; cursor: pointer; opacity: 0.8;
border-radius: 6px;
}
.agw-banner-close:hover { opacity: 1; background: rgba(255,255,255,0.15); }

/* Push fixed navs + in-flow content down so the banner doesn't cover them. */
html.agw-has-banner body { padding-top: var(--agw-banner-h); }
html.agw-has-banner .navbar.desktop-navbar,
html.agw-has-banner .mobile-nav-bar,
html.agw-has-banner .landing-mobile-nav { top: var(--agw-banner-h); }
html.agw-has-banner .agw-landing-nav-wrap { top: calc(1.25rem + var(--agw-banner-h)); }

@media (max-width: 640px) {
:root { --agw-banner-h: 52px; }
.agw-banner { font-size: 0.78rem; padding: 0 40px; }
}
</style>

<div class="agw-banner" id="agwBanner" role="region" aria-label="Site announcement">
<span>&#10024; agentgateway has joined the <strong>Agentic AI Foundation</strong> (AAIF) &mdash; <a href="https://aaif.io/blog/agentgateway-joins-aaif-as-an-open-gateway-for-agentic-ai-infrastructure/" target="_blank" rel="noopener">Learn more</a> &#10024;</span>
<button type="button" class="agw-banner-close" aria-label="Dismiss announcement" onclick="agwDismissBanner()">&times;</button>
</div>

<script>
(function () {
try {
if (localStorage.getItem('agw-aaif-banner') === 'dismissed') {
var b = document.getElementById('agwBanner');
if (b) { b.style.display = 'none'; }
return;
}
} catch (e) {}
document.documentElement.classList.add('agw-has-banner');
})();

function agwDismissBanner() {
var b = document.getElementById('agwBanner');
if (b) { b.remove(); }
document.documentElement.classList.remove('agw-has-banner');
try { localStorage.setItem('agw-aaif-banner', 'dismissed'); } catch (e) {}
}
</script>
26 changes: 15 additions & 11 deletions layouts/partials/homepage-content.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,13 +129,22 @@
.hp-eyebrow-dot { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; }
.hp-eyebrow-dot img { width: 22px; height: 22px; }
.hp-hero-title {
margin: 0 0 28px; line-height: 1;
margin: 0 0 8px; line-height: 1;
}
.hp-hero-logo { height: clamp(140px, 16vw, 220px); width: auto; }
.hp-page .hp-hero-logo-light { display: block; }
.hp-page .hp-hero-logo-dark { display: none; }
.dark .hp-page .hp-hero-logo-light { display: none; }
.dark .hp-page .hp-hero-logo-dark { display: block; }
.hp-page .hp-aaif-badge {
display: inline-block; width: 124px; height: 30px;
background-color: var(--hp-text-2);
-webkit-mask: url(/aaif-light.svg) center / contain no-repeat;
mask: url(/aaif-light.svg) center / contain no-repeat;
transition: opacity .18s ease;
}
.hp-page .hp-aaif-link { display: inline-flex; align-items: center; line-height: 0; }
.hp-page .hp-aaif-link:hover .hp-aaif-badge { opacity: 0.7; }
.hp-hero-lede {
font-family: var(--hp-font-h); font-weight: 600;
font-size: clamp(26px, 2.6vw, 36px); line-height: 1.18; letter-spacing: -0.02em;
Expand Down Expand Up @@ -657,12 +666,7 @@ <h1 class="hp-hero-title" style="display: flex; justify-content: center;">
An open source HTTP and gRPC gateway that handles traditional application traffic and AI-native protocols in one data plane. Route, secure, observe, and govern services, LLM provider traffic, MCP tools, and agent-to-agent communication without stitching together separate gateways.
</p>

<div style="display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 32px;">
<span style="font-family: var(--hp-font-m); font-size: 12px; letter-spacing: 0.06em; color: var(--hp-text-5);">Part of</span>
<img src="/lf-logo.svg" alt="The Linux Foundation" style="height: 28px; width: auto; opacity: 0.55;">
</div>

<div class="hp-hero-ctas" style="justify-content: center;">
<div class="hp-hero-ctas" style="justify-content: center; margin-top: 8px;">
<a href="#getting-started" class="hp-btn hp-btn-primary">
Get Started <span style="display:inline-block;transition:transform .18s ease">→</span>
</a>
Expand Down Expand Up @@ -887,7 +891,7 @@ <h3>APIs &amp; Services</h3>
<div class="hp-contributing-label">Contributing Companies</div>
<div class="hp-logo-track">
<div class="hp-logo-scroll">
<div class="hp-logo-item"><img src="/lf-logo.svg" alt="The Linux Foundation" class="hp-logo-img"><span>Linux Foundation</span></div>
<div class="hp-logo-item"><img src="/aaif-light.svg" alt="AAIF" class="hp-logo-img"><span>AAIF</span></div>
<div class="hp-logo-item"><img src="/adopters/solo-io-light.png" alt="Solo.io" class="hp-logo-img"><span>Solo.io</span></div>
<div class="hp-logo-item"><img src="/quotes/microsoft.svg" alt="Microsoft" class="hp-logo-img"><span>Microsoft</span></div>
<div class="hp-logo-item"><img src="/logos/apple.svg" alt="Apple" class="hp-logo-img"><span>Apple</span></div>
Expand All @@ -898,7 +902,7 @@ <h3>APIs &amp; Services</h3>
<div class="hp-logo-item"><img src="/logos/salesforce.svg" alt="Salesforce" class="hp-logo-img"><span>Salesforce</span></div>
<div class="hp-logo-item"><img src="/logos/huawei.svg" alt="Huawei" class="hp-logo-img"><span>Huawei</span></div>
<div class="hp-logo-item"><img src="/logos/amdocs.svg" alt="Amdocs" class="hp-logo-img"><span>Amdocs</span></div>
<div class="hp-logo-item" aria-hidden="true"><img src="/lf-logo.svg" alt="The Linux Foundation" class="hp-logo-img"><span>Linux Foundation</span></div>
<div class="hp-logo-item" aria-hidden="true"><img src="/aaif-light.svg" alt="AAIF" class="hp-logo-img"><span>AAIF</span></div>
<div class="hp-logo-item" aria-hidden="true"><img src="/adopters/solo-io-light.png" alt="Solo.io" class="hp-logo-img"><span>Solo.io</span></div>
<div class="hp-logo-item" aria-hidden="true"><img src="/quotes/microsoft.svg" alt="Microsoft" class="hp-logo-img"><span>Microsoft</span></div>
<div class="hp-logo-item" aria-hidden="true"><img src="/logos/apple.svg" alt="Apple" class="hp-logo-img"><span>Apple</span></div>
Expand Down Expand Up @@ -1310,7 +1314,7 @@ <h2 class="hp-section-title" style="margin: 14px auto 0; text-align: center;">Jo
<div class="hp-wrap">
<div class="hp-lf-grid">
<div class="hp-lf-mark">
THE LINUX<br>FOUNDATION
<img src="/aaif-dark.svg" alt="AAIF" style="height: 48px; width: auto;">
</div>
<div>
<p class="hp-lf-quote">
Expand Down Expand Up @@ -1357,7 +1361,7 @@ <h5>Community</h5>
</div>
</div>
<div class="hp-footer-bottom">
<span>&copy; 2026 agentgateway authors · A Linux Foundation Project</span>
<span>&copy; 2026 agentgateway authors · An AAIF Project</span>
<span>Apache 2.0</span>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions layouts/partials/nav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -397,7 +397,7 @@
.dark .landing-navbar .landing-nav-btn-ghost:hover { background: rgba(255,255,255,0.06); }
.dark .navbar.landing-navbar.scrolled { background: rgba(11,14,24,0.92); border-color: rgba(255,255,255,0.10); }
.dark .navbar.landing-navbar.scrolled .link { color: #B0B4C4 !important; }
.dark .landing-navbar a[href="/"] img { content: url('/logo-dark.svg'); }
.dark .landing-navbar a[href="/"] img { content: url('/agw-dark.svg'); }

/* .landing-theme-toggle + .theme-icon-{sun,moon} removed when the
custom button was replaced with Hextra's theme-toggle dropdown
Expand Down Expand Up @@ -444,9 +444,9 @@
color: #e5e7eb; /* gray-200 — visible on the near-black nav in dark mode */
}
</style>
<div class="fixed top-5 left-0 right-0 flex justify-center z-50 pointer-events-none hidden lg:flex">
<div class="agw-landing-nav-wrap fixed top-5 left-0 right-0 flex justify-center z-50 pointer-events-none hidden lg:flex">
<nav class="navbar landing-navbar pointer-events-auto flex items-center gap-7">
<a href="/" class="flex items-center"><img src="/logo.svg" alt="agentgateway logo" id="logo" height="22" /></a>
<a href="/" class="flex items-center"><img src="/agw-light.svg" alt="agentgateway logo" id="logo" height="22" /></a>
<div class="flex items-center gap-6">
<div class="dropdown">
<a class="link whitespace-nowrap flex items-center gap-1" href="/docs/">
Expand Down Expand Up @@ -493,7 +493,7 @@

<nav class="landing-mobile-nav absolute top-0 w-full block lg:hidden z-50 bg-white/80 dark:bg-[#0B0E18]/80 border-b border-gray-200/50 dark:border-white/8">
<div class="py-4 px-4 flex justify-between items-center">
<a href="/" class="flex items-center"><img src="/logo.svg" alt="agentgateway logo" height="28" class="dark:hidden" /><img src="/logo-dark.svg" alt="agentgateway logo" height="28" class="hidden dark:block" /></a>
<a href="/" class="flex items-center"><img src="/agw-light.svg" alt="agentgateway logo" height="28" class="dark:hidden" /><img src="/agw-dark.svg" alt="agentgateway logo" height="28" class="hidden dark:block" /></a>
<div class="flex items-center gap-2">
{{- /* Hextra dropdown (light/dark/system) — replaces the older
simple sun/moon button so the landing nav matches the
Expand Down
5 changes: 3 additions & 2 deletions layouts/partials/quotes-carousel.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,8 @@
.hp-quotes-left {
display: flex; flex-direction: column; align-items: flex-start; gap: 20px;
}
.hp-quotes-logo { height: 64px; width: auto; }
.hp-quotes-logo { height: 64px; width: auto; filter: brightness(0); opacity: 0.7; }
.dark .hp-quotes-logo { filter: brightness(0) invert(1); }
@media (min-width: 1024px) { .hp-quotes-logo { height: 80px; } }
.hp-quotes-nav { display: flex; gap: 10px; }
.hp-quotes-nav button {
Expand Down Expand Up @@ -64,7 +65,7 @@
<div class="hp-quotes">
<div class="hp-quotes-inner">
<div class="hp-quotes-left">
<img src="/lf-logo.svg" alt="agentgateway logo" class="hp-quotes-logo" loading="lazy">
<img src="/aaif-light.svg" alt="AAIF" class="hp-quotes-logo" loading="lazy">
<div class="hp-quotes-nav">
<button id="hpQuotesPrev" aria-label="Previous quote">
<svg width="16" height="16" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M12.78 4.22a.75.75 0 010 1.06L8.06 10l4.72 4.72a.75.75 0 11-1.06 1.06l-5.25-5.25a.75.75 0 010-1.06l5.25-5.25a.75.75 0 011.06 0z" clip-rule="evenodd"/></svg>
Expand Down
Loading
Loading