Skip to content

docs(frontend): align DESIGN_SYSTEM.md with the dual-accent ADR - #788

Merged
LucasSantana-Dev merged 1 commit into
mainfrom
docs/design-system-dual-accent
Apr 25, 2026
Merged

LucasSantana-Dev merged 1 commit into
mainfrom
docs/design-system-dual-accent

Conversation

@LucasSantana-Dev

Copy link
Copy Markdown
Owner

Summary

packages/frontend/branding/DESIGN_SYSTEM.md still claimed "single accent — Discord Blurple" and "Inter only", contradicting the accepted ADR docs/decisions/2026-04-21-redesign-port-target.md and the live packages/frontend/src/index.css (which already loads Sora/Manrope/JetBrains Mono and ships both --color-brand-discord and --color-brand-accent).

BRANDING_GUIDE.md was updated for this in #763; this PR does the same alignment for the sibling design-system doc.

Changes (single file: packages/frontend/branding/DESIGN_SYSTEM.md)

  • Overview: "single accent" → "dual accent (blurple primary + neon pink secondary)" with link to the ADR.
  • Color Palette → Accent table: replaces the single --lucky-brand row with --color-brand-discord, --lucky-brand-strong (hover), --color-brand-accent, --color-lucky-neon-pink (alias). Adds a one-paragraph note that the short-form --color-* aliases coexist with --lucky-* during the port migration.
  • Typography: Inter → Sora display + Manrope body + JetBrains Mono mono. Notes Inter remains in the index.css import list as a transitional fallback.
  • Principles: "Single accent" → "Dual accent"; "Inter only" → "Sora display + Manrope body + JetBrains Mono".

Component rules (Button primary stays blurple, focus ring stays blurple) are unchanged — the secondary accent is reserved for highlights/gradients per the ADR.

Test plan

  • No code changes; nothing to typecheck or lint at the source level.
  • CI: doc-only diff; only the cosmetic checks (PR labels, GitGuardian, CodeRabbit) need to settle.

🤖 Generated with Claude Code

`packages/frontend/branding/BRANDING_GUIDE.md` was updated for the
2026-04-21 redesign port-target decision (#763) but the parallel
`DESIGN_SYSTEM.md` was missed:

- "Single accent — Discord Blurple" + "single accent" principle still
  read as Inter-only, blurple-only.
- Typography section still listed Inter as the only font.

`packages/frontend/src/index.css` already loads Sora + Manrope +
JetBrains Mono at line 1 and ships both `--color-brand-discord`
(`#5865f2`) and `--color-brand-accent` (`#ec4899`); the doc now
matches what's actually live.

Adds a brief note that the short-form `--color-*` aliases coexist with
the long-form `--lucky-*` tokens during the page-port migration, with a
cleanup PR queued for after the ports land — same scope as the ADR.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented Apr 25, 2026 •

Copy link
Copy Markdown
Contributor

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

Project Deployment Actions Updated (UTC)
lucky Ready Ready Preview, Comment Apr 25, 2026 10:50pm

Request Review

@coderabbitai

coderabbitai Bot commented Apr 25, 2026

Copy link
Copy Markdown

Warning

Rate limit exceeded

@LucasSantana-Dev has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 44 minutes and 31 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 44 minutes and 31 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 57f9d376-1746-47fc-9da0-99c858ae4769

📥 Commits

Reviewing files that changed from the base of the PR and between 75b9b43 and 7c49e54.

📒 Files selected for processing (1)
  • packages/frontend/branding/DESIGN_SYSTEM.md
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch docs/design-system-dual-accent

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions

Copy link
Copy Markdown

Size Change: +69 B (+0.02%)

Total Size: 363 kB

📦 View Changed
Filename Size Change
packages/frontend/dist/assets/ActionPanel-CpByvd9C.js 0 B -402 B (removed) 🏆
packages/frontend/dist/assets/ActionPanel-Ddz1baWy.js 402 B +402 B (new file) 🆕
packages/frontend/dist/assets/AutoMessages-DxtXIvYf.js 2.65 kB +2.65 kB (new file) 🆕
packages/frontend/dist/assets/AutoMessages-HNgzMXhu.js 0 B -2.65 kB (removed) 🏆
packages/frontend/dist/assets/AutoMod-B2ZnRsF3.js 4.05 kB +4.05 kB (new file) 🆕
packages/frontend/dist/assets/AutoMod-DSfT1gLr.js 0 B -4.05 kB (removed) 🏆
packages/frontend/dist/assets/badge-3QXbZdmN.js 504 B +504 B (new file) 🆕
packages/frontend/dist/assets/badge-CnslfhXD.js 0 B -501 B (removed) 🏆
packages/frontend/dist/assets/Card-DdpWqhj5.js 507 B +507 B (new file) 🆕
packages/frontend/dist/assets/Card-Sbmr8NX0.js 0 B -506 B (removed) 🏆
packages/frontend/dist/assets/CommandsConfig-DwPFxKHc.js 0 B -1.44 kB (removed) 🏆
packages/frontend/dist/assets/CommandsConfig-YdAVw-BZ.js 1.45 kB +1.45 kB (new file) 🆕
packages/frontend/dist/assets/Config-DCcCFg1k.js 0 B -1.64 kB (removed) 🏆
packages/frontend/dist/assets/Config-DjA631uj.js 1.64 kB +1.64 kB (new file) 🆕
packages/frontend/dist/assets/CustomCommands-BfQxlULD.js 2.13 kB +2.13 kB (new file) 🆕
packages/frontend/dist/assets/CustomCommands-ByI7tm3C.js 0 B -2.13 kB (removed) 🏆
packages/frontend/dist/assets/DashboardOverview-Cf7JULmi.js 0 B -3.35 kB (removed) 🏆
packages/frontend/dist/assets/DashboardOverview-u-fWwkEC.js 3.35 kB +3.35 kB (new file) 🆕
packages/frontend/dist/assets/dialog-CKAy5ULT.js 0 B -949 B (removed) 🏆
packages/frontend/dist/assets/dialog-DQCSmV5n.js 951 B +951 B (new file) 🆕
packages/frontend/dist/assets/EmbedBuilder-BHkv7Vn-.js 0 B -3.31 kB (removed) 🏆
packages/frontend/dist/assets/EmbedBuilder-BQET9Kqq.js 3.31 kB +3.31 kB (new file) 🆕
packages/frontend/dist/assets/Features-BuDaCYlY.js 2.81 kB +2.81 kB (new file) 🆕
packages/frontend/dist/assets/Features-D_gvhHXe.js 0 B -2.81 kB (removed) 🏆
packages/frontend/dist/assets/GuildAutomation-BVtHeBBe.js 0 B -2.89 kB (removed) 🏆
packages/frontend/dist/assets/GuildAutomation-DirJgufz.js 2.89 kB +2.89 kB (new file) 🆕
packages/frontend/dist/assets/index-CdblOlgT.js 0 B -56.3 kB (removed) 🏆
packages/frontend/dist/assets/index-CeMcWWWB.css 0 B -17 kB (removed) 🏆
packages/frontend/dist/assets/index-e8hwoCgB.css 17.1 kB +17.1 kB (new file) 🆕
packages/frontend/dist/assets/index-PA8TbiA2.js 56.3 kB +56.3 kB (new file) 🆕
packages/frontend/dist/assets/input-B7LuEe0Y.js 0 B -466 B (removed) 🏆
packages/frontend/dist/assets/input-gGRshxcI.js 466 B +466 B (new file) 🆕
packages/frontend/dist/assets/label-DGHXeHJ3.js 0 B -478 B (removed) 🏆
packages/frontend/dist/assets/label-mgX6co01.js 478 B +478 B (new file) 🆕
packages/frontend/dist/assets/Landing-B2NZQe9_.js 3.71 kB +3.71 kB (new file) 🆕
packages/frontend/dist/assets/Landing-BSc87BXL.js 0 B -3.71 kB (removed) 🏆
packages/frontend/dist/assets/LastFm-CgwdvlhX.js 0 B -1.74 kB (removed) 🏆
packages/frontend/dist/assets/LastFm-DOVtNA4O.js 1.74 kB +1.74 kB (new file) 🆕
packages/frontend/dist/assets/Levels-BXkSK1cX.js 2.6 kB +2.6 kB (new file) 🆕
packages/frontend/dist/assets/Levels-CUq_6_42.js 0 B -2.6 kB (removed) 🏆
packages/frontend/dist/assets/Login-BZDlOJl2.js 2.48 kB +2.48 kB (new file) 🆕
packages/frontend/dist/assets/Login-D0kGKyWZ.js 0 B -2.48 kB (removed) 🏆
packages/frontend/dist/assets/Lyrics-LcsnEDnQ.js 1.32 kB +1.32 kB (new file) 🆕
packages/frontend/dist/assets/Lyrics-pM7iViFY.js 0 B -1.32 kB (removed) 🏆
packages/frontend/dist/assets/Moderation-CPNiSD3v.js 0 B -3.81 kB (removed) 🏆
packages/frontend/dist/assets/Moderation-zBy8lAGt.js 3.81 kB +3.81 kB (new file) 🆕
packages/frontend/dist/assets/Music-BH9yUfhe.js 0 B -7.09 kB (removed) 🏆
packages/frontend/dist/assets/Music-DflaY4R6.js 7.08 kB +7.08 kB (new file) 🆕
packages/frontend/dist/assets/MusicConfig-5ZbAOA7B.js 1.59 kB +1.59 kB (new file) 🆕
packages/frontend/dist/assets/MusicConfig-Bx5nBezl.js 0 B -1.59 kB (removed) 🏆
packages/frontend/dist/assets/PreferredArtists-BznbfDs2.js 0 B -3.68 kB (removed) 🏆
packages/frontend/dist/assets/PreferredArtists-Cc2-FxJ4.js 3.68 kB +3.68 kB (new file) 🆕
packages/frontend/dist/assets/ReactionRoles-CpiBPM5h.js 0 B -1.86 kB (removed) 🏆
packages/frontend/dist/assets/ReactionRoles-d0cUVbxe.js 1.86 kB +1.86 kB (new file) 🆕
packages/frontend/dist/assets/SectionHeader-Cb79dz0j.js 895 B +895 B (new file) 🆕
packages/frontend/dist/assets/SectionHeader-DwD4JNhE.js 0 B -895 B (removed) 🏆
packages/frontend/dist/assets/select-C27cl07R.js 1.23 kB +1.23 kB (new file) 🆕
packages/frontend/dist/assets/select-sp_pzXSN.js 0 B -1.23 kB (removed) 🏆
packages/frontend/dist/assets/ServerLogs-Gl5TU-xz.js 2.87 kB +2.87 kB (new file) 🆕
packages/frontend/dist/assets/ServerLogs-HnARgBRW.js 0 B -2.86 kB (removed) 🏆
packages/frontend/dist/assets/ServerSettings-D0wIZIem.js 4.19 kB +4.19 kB (new file) 🆕
packages/frontend/dist/assets/ServerSettings-DYHDh0-i.js 0 B -4.19 kB (removed) 🏆
packages/frontend/dist/assets/ServersPage-BqQGVYzD.js 0 B -2.86 kB (removed) 🏆
packages/frontend/dist/assets/ServersPage-wCs8gJm1.js 2.87 kB +2.87 kB (new file) 🆕
packages/frontend/dist/assets/Skeleton-DaQh4rLh.js 237 B +237 B (new file) 🆕
packages/frontend/dist/assets/Skeleton-ExM4XY3T.js 0 B -236 B (removed) 🏆
packages/frontend/dist/assets/Spotify-8Y6J0x8d.js 0 B -1.75 kB (removed) 🏆
packages/frontend/dist/assets/Spotify-CfGhARMY.js 1.75 kB +1.75 kB (new file) 🆕
packages/frontend/dist/assets/Starboard-Cl7XHTwK.js 0 B -2.05 kB (removed) 🏆
packages/frontend/dist/assets/Starboard-DGbi0Kn7.js 2.05 kB +2.05 kB (new file) 🆕
packages/frontend/dist/assets/StatTile-gWvpZbRZ.js 636 B +636 B (new file) 🆕
packages/frontend/dist/assets/StatTile-qjngGP5t.js 0 B -636 B (removed) 🏆
packages/frontend/dist/assets/switch-B5vzwrgE.js 545 B +545 B (new file) 🆕
packages/frontend/dist/assets/switch-CKbGya6d.js 0 B -544 B (removed) 🏆
packages/frontend/dist/assets/TrackHistory-BQt_woff.js 0 B -2.15 kB (removed) 🏆
packages/frontend/dist/assets/TrackHistory-DJ-kLNJa.js 2.15 kB +2.15 kB (new file) 🆕
packages/frontend/dist/assets/TwitchNotifications-D8-aJQwV.js 0 B -2.43 kB (removed) 🏆
packages/frontend/dist/assets/TwitchNotifications-DcMLkhcr.js 2.43 kB +2.43 kB (new file) 🆕
ℹ️ View Unchanged
Filename Size
packages/frontend/dist/assets/PrivacyPolicy-CxmJsrZh.js 1.38 kB
packages/frontend/dist/assets/rolldown-runtime-BYbx6iT9.js 471 B
packages/frontend/dist/assets/TermsOfService-wgYer4UM.js 1.37 kB
packages/frontend/dist/assets/usePageMetadata-C8RclJcV.js 329 B
packages/frontend/dist/assets/vendor-forms-CdqfM_vI.js 25.4 kB
packages/frontend/dist/assets/vendor-radix-BLJl2XeP.js 38.9 kB
packages/frontend/dist/assets/vendor-react-CM1lAMeX.js 55.6 kB
packages/frontend/dist/assets/vendor-state-YvEV5drJ.js 22.2 kB
packages/frontend/dist/assets/vendor-ui-C0kJ3d3P.js 64.6 kB

compressed-size-action

@sonarqubecloud

Copy link
Copy Markdown

@LucasSantana-Dev
LucasSantana-Dev merged commit a124cb2 into main Apr 25, 2026
13 checks passed
LucasSantana-Dev added a commit that referenced this pull request May 13, 2026
`packages/frontend/branding/BRANDING_GUIDE.md` was updated for the
2026-04-21 redesign port-target decision (#763) but the parallel
`DESIGN_SYSTEM.md` was missed:

- "Single accent — Discord Blurple" + "single accent" principle still
  read as Inter-only, blurple-only.
- Typography section still listed Inter as the only font.

`packages/frontend/src/index.css` already loads Sora + Manrope +
JetBrains Mono at line 1 and ships both `--color-brand-discord`
(`#5865f2`) and `--color-brand-accent` (`#ec4899`); the doc now
matches what's actually live.

Adds a brief note that the short-form `--color-*` aliases coexist with
the long-form `--lucky-*` tokens during the page-port migration, with a
cleanup PR queued for after the ports land — same scope as the ADR.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@LucasSantana-Dev
LucasSantana-Dev deleted the docs/design-system-dual-accent branch May 14, 2026 02:02

This branch was successfully deployed

1 active deployment
Preview — 7c49e544 Deployed Apr 25, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant