style(auth): restyle the OAuth success page - #481
Merged
eatmorespinach merged 2 commits intoSep 16, 2026
Merged
Conversation
Rework the sign-in success page on top of the command cards: - The Clerk mark drops its purple disc and follows --cli-fg, sitting in a 48px frame with a gradient fill and layered shadow. - The three cards move into a bottom banner that pins to the viewport on tall screens, with a section headline in the first column at four-up. - The headline animates per word rather than per character, and the logo, headline and close-window line settle upward as one staggered motion. - A brand-coloured conic glow sweeps the viewport edges once on load. - Dark mode gets counterparts for every token the redesign added. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
🦋 Changeset detectedLatest commit: 5d16213 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Organization UI Review profile: ASSERTIVE Plan: Team Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
Comment |
Card titles, card descriptions and the section subheadline all sit at 13px/20px, with weight and colour carrying the hierarchy instead of size. The section headline keeps 20px with a 28px line height. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
eatmorespinach
approved these changes
Sep 16, 2026
eatmorespinach
added a commit
that referenced
this pull request
Sep 16, 2026
… cards (#473) * feat(auth): replace the Skills box on the success page with command cards The install box on the OAuth success page drove near-zero measurable engagement. Replace it with three cards showing what the CLI can do right after sign-in: install (npx clerk@latest init), customize (clerk enable orgs), and deploy (clerk deploy), each with a copy button. The copy script now falls back to execCommand when the clipboard API rejects, which the old box's script did not. * style(auth): restyle the OAuth success page (#481) * style(auth): restyle the OAuth success page Rework the sign-in success page on top of the command cards: - The Clerk mark drops its purple disc and follows --cli-fg, sitting in a 48px frame with a gradient fill and layered shadow. - The three cards move into a bottom banner that pins to the viewport on tall screens, with a section headline in the first column at four-up. - The headline animates per word rather than per character, and the logo, headline and close-window line settle upward as one staggered motion. - A brand-coloured conic glow sweeps the viewport edges once on load. - Dark mode gets counterparts for every token the redesign added. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> * style(auth): settle the type scale on the success page Card titles, card descriptions and the section subheadline all sit at 13px/20px, with weight and colour carrying the hierarchy instead of size. The section headline keeps 20px with a 28px line height. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Max Yinger <35983235+maxyinger@users.noreply.github.com> Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>
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.
visual updates to #473
also updated anim