feat(ui): add landing stats band, align hero & steps to redesign#28
Merged
Conversation
Reconcile the site with the latest OpenBoot Redesign design file imported from Claude Design. The redesign was ~95% in place from #25; this closes the remaining gaps, concentrated on the landing page, plus minor polish elsewhere. Product features beyond the static mock (docs search, modals, loading/empty states, detail Share button) are intentionally preserved. Landing: - Hero eyebrow becomes a bordered pill badge with a pulsing dot and a version chip - Add the 4-up stats band; the star count is wired to the live /api/github/stars endpoint rather than a hardcoded number - Rework "how it works" to the borderless ghost-number + divider treatment and tighten the step copy - Hero title up to 4rem / -0.045em; add the ob-pulse keyframe Polish: - explore: skeleton card radius 16->12px; CTA description trailing period - editor: inactive preset bg token; script textarea height; "editable" affordance on the post-install.sh header - config detail: drop the stray DNA-segment border-radius Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Codecov Report✅ All modified and coverable lines are covered by tests. 📢 Thoughts on this report? Let us know! |
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
Reconciles the site with the latest OpenBoot Redesign design file (imported from Claude Design). The redesign was ~95% already in place from #25; this closes the remaining gaps, concentrated on the landing page, plus minor polish elsewhere. Product features that exist beyond the static mock (docs search + collapsible nav, dashboard import/share modals, loading/empty states, config-detail Share button + extra package sections) are intentionally preserved — not stripped to match a static mockup.
Landing (
src/routes/+page.svelte):v0.44version chip/api/github/starsendpoint (shows the real count, consistent with the header) rather than a hardcoded numberob-pulsekeyframePolish:
explore: skeleton-card radius 16→12px; CTA description trailing periodeditor: inactive preset background token →--bg-secondary; script textarea min-height 200→148px; "✎ editable" affordance on the post-install.sh headerconfig detail: removed the stray DNA-segmentborder-radius(design segments are square)Test plan
npm run validatepasses (lint + type-check + tests + build)🤖 Generated with Claude Code