Site UI polish: spacing, copy buttons, hover motion, footer

[lottabydesign]

Polish pass on the stampstack docs site (/site). No library code changed — site-only.

Layout & spacing

• Tighten hero → Install gap (Section gains a marginTop prop; Install uses 32px)
• Trim excess page bottom padding below the footer
• Code box now wraps long lines instead of scrolling sideways (responsive on mobile)

Install / Copy

• Add a Prompt tab (copy-this-to-your-agent setup prompt, react-grab style)
• Copy buttons are now text-only (no box), aligned to the 18px content padding, and match the inactive-tab text style (13px / 500 / muted)

Buttons & motion

• Remove grey fill on secondary action buttons (transparent + border / outlined)
• Replace the lift+shadow hover with a subtle scale(1.02) (flat UI, per Emil Kowalski's "drastically reduce frequent hovers")
• Fix missing press depression — :active now ordered after :hover (LVHA cascade) so scale(0.97) registers on click

Links & tabs

• Hover now darkens links and inactive tabs instead of fading them (colors moved inline → CSS classes so :hover can win)
• Footer byline links to x.com/lottabydesign; "Lota Anidi" is unstyled (no underline) with a clearly darker hover

Housekeeping

• --accent is a dark neutral (no blue accent text)
• Footer "Last updated" + copyright year derive at build time (not hardcoded)
• Drop unused Geist Mono font; --font-mono uses a system stack
• Add logo/badge icons; ignore .vercel

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
stampstack	Ready	Preview, Comment	Jun 13, 2026 9:01pm