feat(ui): terminal-native redesign — fully-mono, dark-first#16
Merged
Conversation
Refined terminal aesthetic across home, explore, docs, header, footer and config cards: Geist Mono throughout, restrained green accent, film-grain texture, hairline borders, soft shadows. Retires neon glows, 3D rotate, gradient text and rainbow blobs for a high-contrast, deliberate look in both dark and a new 'paper terminal' light mode. - variables.css: re-tuned dark/light tokens + grain/vignette/amber/font-mono - app.html: load Geist Mono (drop Outfit) - layout: global mono font, film-grain + vignette overlays, reduced-motion reset - hooks.server.ts: allow fonts.googleapis.com in style-src (fixes blocked font CSS) - home/explore/docs/cards: terminal-motif layouts, AA-contrast text 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
1 participant
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
Whole-site visual redesign to a refined, terminal-native aesthetic (Vercel/pi.dev register) — fully monospace, dark-first, with a deliberate "paper terminal" light mode. Brief was: high-end, textured, restrained, no "AI-smell."
prefers-reduced-motionreset.$ openboot, lowercase nav,★ 256), fixed 56px height.demo.gifin reframed terminal, hairline-divided01–04How-It-Works grid, terminal-prompt footer with columns.> exploreprompt header, mono sort, calmed cards,[official]/[featured]mono badges, AA-contrast text.style-srcdidn't allowfonts.googleapis.com, which blocked the font stylesheet entirely — fonts wouldn't load in production. Now allowed.Retires neon glows, 3D rotate, gradient text and rainbow blobs in favor of a high-contrast, deliberate look. Design spec:
docs/superpowers/specs/2026-06-15-terminal-native-redesign-design.md.Test plan
npm run validate— check (0 errors), lint (0 errors), 181 tests pass, build ✓401 /api/userauth probe remains in console)/api/healthis green