Redesign the front page on the Solo.io design system - #49
Merged
Conversation
Replace the standalone landing (custom CSS, light-first, orbit/FAQ sections) with the "Agentregistry Landing" design: pill nav, hero with Helm install snippet and divider, four scroll-driven sections (MCP servers, skills, agents, prompts) with a sticky arctl terminal that plays only once the section is in view, a real UI screenshot in a browser frame, a quickstart with copyable commands, CTA and footer. - Styling is Tailwind utilities compiled by the existing css.html pipeline; `ar-*` tokens in assets/css/main.css carry light and dark palettes and are flipped by the `.dark` class Hextra already manages, so the nav toggle and the docs share the "color-theme" preference. - Terminal copy uses real arctl commands (get/init/apply/pull/build/ wait) and resource names from the sample catalog; the quickstart uses the chart path, service and ports from the docs. - New logo, mark and UI screenshot assets; old landing CSS/JS and unused uploads removed. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013qU6E15XJdNYcgg6koZjM6 Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Deploying agentregistry-website with
|
| Latest commit: |
b4d18df
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://148ff503.website-1n3.pages.dev |
| Branch Preview URL: | https://website-front-page-update.website-1n3.pages.dev |
There was a problem hiding this comment.
🔵 Needs a closer look
It’s a large, user-facing landing-page overhaul with theme-system implications and many asset removals where a full visual/regression pass is needed to confidently approve.
Pull request overview
Redesigns the site front page to match the Solo.io “Agentregistry Landing” design system, replacing the legacy standalone landing implementation with a Tailwind-utility-driven approach integrated into the existing Hugo/CSS pipeline and theme switching.
Changes:
- Removes legacy landing-page JS/CSS and unused/static assets under
static/landing/that are no longer needed for the new front page. - Introduces namespaced (
ar-*) theme tokens and Tailwind theme bindings inassets/css/main.cssto support shared light/dark/system theming without colliding with the docs theme. - Switches the default site theme preference to
systeminhugo.yamlto align landing + docs behavior.
File summaries
| File | Description |
|---|---|
| static/landing/uploads/mcp.svg | Removes unused legacy landing upload asset. |
| static/landing/terminal.js | Removes legacy interactive terminal demo script. |
| static/landing/styles.css | Removes legacy landing stylesheet (replaced by Tailwind utilities/tokens). |
| static/landing/image-slot.js | Removes unused custom element helper script from legacy landing. |
| static/landing/design-tokens.css | Removes legacy design token file (superseded by ar-* tokens in main CSS). |
| static/landing/catalog.js | Removes legacy interactive catalog preview script. |
| static/landing/assets/up-right.svg | Removes unused legacy icon asset. |
| static/landing/assets/solo-mark.svg | Updates Solo mark SVG to remove the solid white background rect. |
| static/landing/assets/discord.svg | Updates Discord icon SVG (geometry + styling) used by the landing. |
| static/landing/assets/catalog-diagram.svg | Removes unused legacy diagram asset. |
| static/landing/assets/agentregistry-mark.svg | Removes unused legacy agentregistry mark asset. |
| hugo.yaml | Sets theme default to system. |
| hugo_stats.json | Updates Hugo stats (classes/ids/tags) consistent with the new landing markup/utilities. |
| assets/css/main.css | Adds ar-* CSS variables and Tailwind @theme bindings for landing page theming (light/dark via .dark). |
Review details
- Files reviewed: 9/101 changed files
- Comments generated: 0
- Review effort level: Lite
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
The demo frame now keeps the app's 1440x900 aspect and scrolls the full-height list captures inside it, like the real UI. Detail panels have working Overview / Package / Technical / Raw tabs, Deploy dialogs open from the hovered row for servers and agents, and the Add menu leads to every Add dialog. All 25 views are live captures of the registry UI in both themes, stored as WebP (1.6 MB total). The frame is narrower (960px) so the section reads as a preview rather than a page. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013qU6E15XJdNYcgg6koZjM6 Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Replaces the standalone landing page with the "Agentregistry Landing" design (Solo.io design system), rebuilt with Tailwind utilities on the existing
css.htmlpipeline.arctlterminal that only starts once the first section is in view. Section icons match the UI's tab icons.ar-*tokens inassets/css/main.csscarry both palettes and flip on the.darkclass Hextra manages; the nav toggle and the docs share thecolor-themepreference. Default is nowsystem(hugo.yaml).arctlv2026.6 (get/init/apply/pull/build/wait) and a live registry; outputs mirror the real formats. Quickstart uses the chart path, service and ports from the docs.Test plan
hugo160 serverbuilds with no errors;/and/docs/return 200🤖 Generated with Claude Code
https://claude.ai/code/session_013qU6E15XJdNYcgg6koZjM6