docs: redesign /projects page#584
Merged
Merged
Conversation
Centers the hero around the OpenClaw OS type scale, drops the side stats panel in favor of a single-column layout, and adds a Discord secondary CTA next to "Submit a project". The directory now sits in the shared gray contentSection between two GradientDividers (new `compact` prop to skip the two tallest bars without affecting other pages). Project cards: type-driven accent colors via a TYPE_ACCENT map, filled squircle type chips, "by Official/Community" as muted meta text, hover-only arrow on link buttons, subtle shadow tokens (--openui-shadow-s / -m) matched to the home page card style. Submit section: drop the "CONTRIBUTE" eyebrow, replace the verbose paragraph with a tighter intro and a numbered checklist of what to include, and add the Share-on-Discord CTA. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
vishxrad
approved these changes
May 29, 2026
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
2 participants
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
A visual + structural pass on the
/projectspage so it feels like part of the rest ofopenui.com:Share on Discordsecondary CTA next to a+ Submit a projectprimary, both styled like the home page CTAs (3rem height, soft drop shadow, scale-on-hover).compactprop on the sharedGradientDividerskips the two tallest bars. Used on /projects only; home page and OpenClaw OS stay on the full divider.contentSectionbetweendirection="down"anddirection="up"dividers. Removed the "DIRECTORY" eyebrow and the verbose description; the right column is now a small "11 projects" count.TYPE_ACCENTmap, so allFrameworkchips are the same color, allPluginchips are the same color, etc.by Official/by Communityas muted meta text.--openui-radius-4xl,--openui-shadow-m).GitHubkeeps its leading icon; all others are text-only with a small↗arrow that slides in on hover. Subtle resting shadow with a heavier shadow + border darken on hover.Share on DiscordCTA next to+ Submit a project.Files changed
docs/app/(home)/projects/page.tsxdocs/app/(home)/projects/page.module.cssdocs/app/(home)/sections/GradientDivider/GradientDivider.tsx(newcompactprop, opt-in)Test plan
pnpm -C docs devand visit/projects/projectsand/openclaw-osand verify the H1 stays visually aligned (size, weight, position)↗arrow slides in and the shadow deepensFrameworkchips render orange, allPluginchips render blue, etc./) and/openclaw-osstill render with the full-height GradientDivider🤖 Generated with Claude Code
closes #585