Improve design, UX, and site value across all pages - #6
Open
ctrlswing wants to merge 2 commits into
Open
Conversation
Design: - Fixed glass nav per DESIGN.md spec (blur, hairline, --nav-h token); body offsets by nav height, anchors get matching scroll-margin - Wire up the unused scroll-reveal system: fade-up reveals and staggered list entrances on every page, gated behind html.js and prefers-reduced-motion so content never hides without JS - Amber side-rule + name highlight hover on home plugin rows - Error state styling (destructive border, shake) for newsletter forms UX: - Fix broken skip link (#main-content target never existed); single skip link in BaseLayout, page-level duplicates removed - Plugin detail: dead Install/Watch buttons now link to the install section and community page - Community: sample-session and RSVP buttons now link to the live plugin page and Skool instead of doing nothing - Plugins: "Pitch a plugin" card links to community; hover affordance restricted to cards that are actually links - Subscribe: removed fake "Read →" affordance on archive rows - Subscribe form announces success/error to screen readers (aria-live) - New 404 page in the site voice Value: - JSON-LD structured data: WebSite+Organization (home), ItemList (plugins), SoftwareApplication (plugin detail) - Footer gains internal site links - Link prefetching enabled (prefetchAll) - CLAUDE.md updated to reflect actual site state https://claude.ai/code/session_012ahzoYgJQ4doxZs4ZzNvt8
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Collapse the fictional 8-plugin catalog into the real product and give each audience its own page, all sharing the same design system. New IA (nav: Plugin · Community · Contact · Subscribe): - / — ultra-simple home: one-line pitch + four "doors" (plugin, labs, newsletter, contact), each a single clear next step - /plugin — Field Kit, the one real plugin. Six small chainable skills: Customer Research, Persona Generator, Angle Generator (live) and the next lab's landing-page skills — Page Writer, Section Builder (Shopify section or Next.js component), Convert Check. Pipeline + install block - /community — refocused as the Skool join page; every join CTA reads from a single affiliate link constant - /subscribe — tightened email-capture page - /contact — replaces /studio; services + a project-brief form (email, brief, budget) that flows through /api/subscribe via Kit fields Plumbing: - src/consts.ts centralizes SKOOL_URL (affiliate), PLUGIN_INSTALL, SOCIALS ⚠ SKOOL_URL ships with a YOUR_AFFILIATE_REF placeholder to replace - subscribe-form.ts now sends extra named controls as `fields` and writes status to [data-form-status] when present (else a hidden live region) - Remove plugins/ library + detail and studio pages; fix 404 + footer links https://claude.ai/code/session_012ahzoYgJQ4doxZs4ZzNvt8
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.
Design:
body offsets by nav height, anchors get matching scroll-margin
list entrances on every page, gated behind html.js and
prefers-reduced-motion so content never hides without JS
UX:
link in BaseLayout, page-level duplicates removed
section and community page
page and Skool instead of doing nothing
restricted to cards that are actually links
Value:
(plugins), SoftwareApplication (plugin detail)
https://claude.ai/code/session_012ahzoYgJQ4doxZs4ZzNvt8