Skip to content

Redesign homepage hero: benefit H1, proof strip, clearer CTAs#1498

Open
NicholasKissel wants to merge 1 commit into
mainfrom
NicholasKissel/agentos-hero-redesign
Open

Redesign homepage hero: benefit H1, proof strip, clearer CTAs#1498
NicholasKissel wants to merge 1 commit into
mainfrom
NicholasKissel/agentos-hero-redesign

Conversation

@NicholasKissel

Copy link
Copy Markdown
Member

Summary

Redesigns the Agent OS homepage hero so the value lands in the first few seconds. Independent of #1494 / #1496 (branched off main).

Before: the animated agentOS wordmark was the headline, the value was a three-claim run-on subtitle, and Docs / npm install / Registry competed as equal CTAs above a tall code block.

After:

  • Benefit H1 — "Thousands of agents. Milliseconds to start." The animated wordmark becomes a brand mark above it (still with the Beta badge + agent-logo animation).
  • Tighter subhead — states what it is: each AI agent runs in its own lightweight V8 isolate; no Docker, no VMs.
  • Proof strip — the headline metrics as a compact row (~6 ms cold start · 8× less memory · 32× cheaper · npm install), sourced from bench.ts so they stay accurate.
  • CTA hierarchy — primary Get started + the npm install @agent-os/core copy box, moved above the code sample. The package-registry link is demoted to a quiet tertiary link below.
  • Trimmed code sample height so more of the hero sits above the fold.

Order is now: brand mark → H1 → subhead → proof strip → "Works with" agents → CTAs → code sample → tertiary registry link.

Verification

  • npm run build passes (81 pages).
  • Rendered via headless Chrome at desktop (1280) and mobile (390); hierarchy, proof strip, CTAs, and the demoted registry link all confirmed.

Only touches AgentOSPage.tsx (the hero). No other files.

🤖 Generated with Claude Code

Reworks the Agent OS homepage hero for faster comprehension:

- Adds a benefit headline ("Thousands of agents. Milliseconds to start.") and demotes the animated agentOS wordmark to a brand mark above it.
- Tightens the subhead to state what it is (each agent in its own V8 isolate; no Docker/VMs).
- Adds a proof strip of the headline metrics (~6 ms cold start, 8x less memory, 32x cheaper, npm install), sourced from bench.ts.
- Establishes CTA hierarchy: primary 'Get started' + the npm install copy box, moved above the code sample; demotes the registry link to a quiet tertiary link below it.
- Trims the code sample height so the hero fits better above the fold.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@railway-app

railway-app Bot commented Jun 21, 2026

Copy link
Copy Markdown

🚅 Deployed to the agentos-pr-1498 environment in rivet-frontend

Service Status Web Updated (UTC)
agent-os 😴 Sleeping (View Logs) Jun 21, 2026 at 3:37 am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant