Skip to content

feat(ui): add landing stats band, align hero & steps to redesign#28

Merged
fullstackjam merged 1 commit into
mainfrom
feat/landing-stats-band
Jun 27, 2026
Merged

feat(ui): add landing stats band, align hero & steps to redesign#28
fullstackjam merged 1 commit into
mainfrom
feat/landing-stats-band

Conversation

@fullstackjam

Copy link
Copy Markdown
Member

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):

  • Hero eyebrow → bordered pill badge with a pulsing dot + v0.44 version chip
  • New 4-up stats band; the star count is wired to the live /api/github/stars endpoint (shows the real count, consistent with the header) rather than a hardcoded number
  • Reworked "how it works" from bordered cards → the design's borderless ghost-number + divider treatment, with tightened copy
  • Hero title up to 4rem / -0.045em; added the ob-pulse keyframe

Polish:

  • explore: skeleton-card radius 16→12px; CTA description trailing period
  • editor: inactive preset background token → --bg-secondary; script textarea min-height 200→148px; "✎ editable" affordance on the post-install.sh header
  • config detail: removed the stray DNA-segment border-radius (design segments are square)

Test plan

  • npm run validate passes (lint + type-check + tests + build)
  • Landing verified in dark and light themes via Playwright — matches the design's variants
  • Diff is surgical — every changed line traces to the design (no repo-wide reformatting)

🤖 Generated with Claude Code

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

codecov Bot commented Jun 27, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

@fullstackjam fullstackjam merged commit b2a852c into main Jun 27, 2026
8 checks passed
@fullstackjam fullstackjam deleted the feat/landing-stats-band branch June 27, 2026 16:31
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