Skip to content

feat: make the sidebar referral button a cobalt call to action - #174

Merged
PromSereyreaksa merged 1 commit into
mainfrom
feat/referral-button-cobalt
Oct 16, 2026
Merged

PromSereyreaksa merged 1 commit into
mainfrom
feat/referral-button-cobalt

Conversation

@PromSereyreaksa

Copy link
Copy Markdown
Member

Summary

  • Fill the sidebar Refer a friend button with brand cobalt (#1F45B0) and white text, so it stands apart from the light Upgrade button below it.
  • Replace the "30 each" label with a Free 30 Credits pill on the right.
  • Make it a little taller (40px, 44px on mobile) and add spacing above and below so it doesn't crowd the Credits and Plan rows. Add a focus ring for keyboard users.

Placement, icon, label and the invite dialog are unchanged.

Test plan

  • Signed in: the sidebar shows the cobalt referral button between Plan and the profile, with the "Free 30 Credits" pill.
  • Hover gets lighter, and the keyboard focus ring is visible.
  • Clicking it still opens the invite dialog.
  • Mobile sidebar: the button is 44px tall.

Fill the compact Refer a friend button with brand cobalt so it stands
apart from the light Upgrade button, show the reward as a "Free N
Credits" pill, and give it room in the account stack.
@vercel

vercel Bot commented Oct 16, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
motionly Ready Ready Preview Oct 16, 2026 5:52am UTC

@PromSereyreaksa
PromSereyreaksa merged commit 559bcf5 into main Oct 16, 2026
8 checks passed

This branch was successfully deployed

1 active deployment
Preview — 82f9ea9e Deployed Oct 16, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant