feat(design): distinctive type, signature segue timeline, OG metadata#10
Merged
Conversation
Applies the frontend-design lens to move the UI off templated defaults: - Typography: replace Inter-everywhere with a Syne display face (wordmark, track titles, login hero) + Space Mono for timecodes/durations/like counts (content-driven — the app is about millisecond cue points). Wired via next/font CSS variables and Tailwind font tokens. - Signature element: new SegueTimeline replaces the two independent per-track progress bars with one connected timeline that passes the baton across an amber "cut" marker at the handoff. Presentational only — reads existing player state, no playback-logic changes. - Brand tokens: owned `cue` amber + `seam` aurora fallbacks (replaces templated indigo/fuchsia) in Tailwind config and AuroraBackground. - Metadata: fix the "Create Next App" boilerplate title/description, add Open Graph + Twitter tags and metadataBase; add generateMetadata to the profile route (split into server wrapper + client.jsx). - Copy + a11y: surface the tagline on /login, turn the empty profile state into an invitation, add focus-visible cue rings to dock + back controls. - CSS hygiene: consolidate the duplicate global.css into globals.css. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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.
Applies the frontend-design lens to move the UI off templated defaults. Reviewed against the "is this a choice or a default?" standard.
What changed
next/fontCSS variables and Tailwindfont-display/font-monotokens.SegueTimelinereplaces the two independent per-track progress bars with one connected timeline that passes the baton across an amber cut marker at the handoff. Presentational only — reads existing player state, no playback-logic changes.metadataBase; addgenerateMetadatato the profile route (split into a server wrapper +client.jsx).cueamber +seamaurora fallbacks (replaces templated indigo/fuchsia) in Tailwind config andAuroraBackground./login, turn the empty profile state into an invitation, addfocus-visiblecue rings to dock + back controls.global.cssintoglobals.css.Verification
npm run build+npm run lintclean (only pre-existing exhaustive-deps warnings remain).Follow-up
feat/shareable-transitions(#9) is stacked on this branch and adds per-transition share pages + generated composite OG cards.🤖 Generated with Claude Code