Skip to content

feat: apply RaidGuild brand system - #144

Merged
ECWireless merged 2 commits into
mainfrom
feat/brand-refresh
Aug 2, 2026
Merged

ECWireless merged 2 commits into
mainfrom
feat/brand-refresh

Conversation

@ECWireless

@ECWireless ECWireless commented Aug 2, 2026 •

Copy link
Copy Markdown
Member

This pull request delivers a comprehensive redesign of the RaidGuild Handbook homepage and updates the Docusaurus site configuration for improved branding and navigation. The main changes include a new homepage layout with themed sections and cards, updated navigation and footer links, and enhanced visual styling through CSS. These updates aim to provide a more engaging, organized, and brand-aligned user experience.

Homepage Redesign and Theming

  • The homepage (src/pages/index.tsx) is completely restructured to feature a hero section, "Find your path" journey cards, and a closing call-to-action, all with new content and imagery. The journey cards replace the previous features and guide users to key handbook sections.
  • The associated CSS (src/pages/styles.module.css) is rewritten to provide a modern, responsive, and branded look, including new styles for the hero, journey cards, and call-to-action sections.

Branding and Navigation Updates

  • The favicon is updated to a new SVG, and additional icons (96x96 PNG, Apple touch icon) and a theme color meta tag are added for better device and browser support. [1] [2]
  • The navbar logo is updated to new SVG assets for both light and dark modes, and navigation links are reorganized to include direct links to the Handbook and Brand Guide.
  • The footer is updated with a new logo and organized links to key handbook sections and Raid Guild resources.

These changes together provide a much more polished, accessible, and user-friendly entry point to the RaidGuild Handbook.

Summary by CodeRabbit

  • New Features

    • Introduced a redesigned Raid Guild Handbook homepage with branded hero artwork, navigation actions, journey cards, and a closing call to action.
    • Added updated branding, navigation, favicon, theme settings, and a structured footer with handbook and external-resource links.
  • Style

    • Replaced the default site theme with responsive typography, light/dark mode styling, improved navigation, content, code, tables, alerts, buttons, and accessibility-focused states.
    • Added new brand artwork and responsive landing-page layouts.

Copilot AI review requested due to automatic review settings August 2, 2026 21:42
@vercel

vercel Bot commented Aug 2, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
handbook Ready Ready Preview Aug 2, 2026 9:59pm

Request Review

@coderabbitai

coderabbitai Bot commented Aug 2, 2026 •

Copy link
Copy Markdown

Review Change Stack

Warning

Review limit reached

@ECWireless, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 42 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: a187bd68-bb9c-446f-9741-5fc0ed63cfe9

📥 Commits

Reviewing files that changed from the base of the PR and between 12d5913 and 7db238b.

📒 Files selected for processing (2)
  • src/css/custom.css
  • static/fonts/OFL-Mazius.txt
📝 Walkthrough

Walkthrough

The Docusaurus site now uses RaidGuild branding across configuration, global styling, navigation, footer, and homepage content. The homepage presents handbook journeys, branded artwork, responsive layouts, and links to handbook and external resources.

Changes

Branded handbook experience

Layer / File(s) Summary
Theme foundation
src/css/custom.css
Adds branded fonts, light and dark theme tokens, typography, component styles, responsive behavior, focus states, and reduced-motion handling.
Site shell branding
docusaurus.config.ts
Updates favicon metadata, color preferences, navbar branding and links, and structured footer resources.
Homepage journey experience
src/pages/index.tsx, src/pages/styles.module.css, static/img/brand/forge-fire.webp
Replaces the default homepage with a branded hero, journey cards, calls to action, responsive styling, and new brand artwork.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

sequenceDiagram
  participant Visitor
  participant HandbookHomepage
  participant HandbookContent
  participant RaidGuildOrg
  Visitor->>HandbookHomepage: Open branded homepage
  HandbookHomepage->>Visitor: Render hero and journey cards
  Visitor->>HandbookContent: Select handbook or journey link
  Visitor->>RaidGuildOrg: Select external RaidGuild.org link
Loading

Possibly related PRs

Suggested reviewers: copilot

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly and concisely describes the main branding and homepage redesign changes.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/brand-refresh

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.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR applies the RaidGuild brand system to the Docusaurus handbook by introducing new brand assets, rebuilding the homepage layout, and overhauling global + page-level styling to match the updated visual identity.

Changes:

  • Replaces the homepage with a new hero + “Find your path” journey cards + closing CTA layout.
  • Introduces new brand SVG assets (logos, symbol, icons) and updates site config (favicon, navbar/footer branding, head tags).
  • Reworks global and homepage CSS to implement the RaidGuild design tokens, typography, and component styling.

Reviewed changes

Copilot reviewed 4 out of 19 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
static/img/brand/symbol-m500.svg Adds RaidGuild symbol SVG asset used in the new homepage CTA.
static/img/brand/icons/sprint.svg Adds new “sprint” icon SVG for journey cards.
static/img/brand/icons/dao.svg Adds new “dao” icon SVG for journey cards.
static/img/brand/icons/community.svg Adds new “community” icon SVG for journey cards.
static/img/brand/full-s100.svg Adds full logo variant (small/light) used for dark-mode contexts and footer.
static/img/brand/full-m500.svg Adds full logo variant (main) used in the navbar.
static/img/brand/favicon.svg Adds new SVG favicon asset for the branded site icon.
src/pages/styles.module.css Replaces homepage CSS module with new hero/journeys/CTA styling.
src/pages/index.tsx Rebuilds homepage React layout and content around branded sections and journey navigation.
src/css/custom.css Overhauls global styling: brand tokens, typography, navbar/footer, doc typography, and components.
docusaurus.config.ts Updates favicon, head tags (theme-color + icons), navbar/footer branding, and color mode defaults.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/css/custom.css

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/css/custom.css`:
- Around line 1-15: Verify that the Mazius Display font files referenced by the
`@font-face` declarations have documented commercial web-embedding rights in the
project’s brand licensing documentation; if not, replace both sources with
licensed web-ready fonts while preserving the “Mazius Display” regular and bold
font-family/weight mappings.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: d13c0e51-2748-4f2e-91cd-4f697a50f95f

📥 Commits

Reviewing files that changed from the base of the PR and between 13824eb and 12d5913.

⛔ Files ignored due to path filters (14)
  • static/fonts/EBGaramond-Italic-VariableFont_wght.woff2 is excluded by !**/*.woff2
  • static/fonts/EBGaramond-VariableFont_wght.woff2 is excluded by !**/*.woff2
  • static/fonts/MAZIUSREVIEW20.09-Regular.woff is excluded by !**/*.woff
  • static/fonts/MaziusDisplay-Bold.otf is excluded by !**/*.otf
  • static/img/brand/apple-touch-icon.png is excluded by !**/*.png
  • static/img/brand/favicon-96x96.png is excluded by !**/*.png
  • static/img/brand/favicon.ico is excluded by !**/*.ico
  • static/img/brand/favicon.svg is excluded by !**/*.svg
  • static/img/brand/full-m500.svg is excluded by !**/*.svg
  • static/img/brand/full-s100.svg is excluded by !**/*.svg
  • static/img/brand/icons/community.svg is excluded by !**/*.svg
  • static/img/brand/icons/dao.svg is excluded by !**/*.svg
  • static/img/brand/icons/sprint.svg is excluded by !**/*.svg
  • static/img/brand/symbol-m500.svg is excluded by !**/*.svg
📒 Files selected for processing (5)
  • docusaurus.config.ts
  • src/css/custom.css
  • src/pages/index.tsx
  • src/pages/styles.module.css
  • static/img/brand/forge-fire.webp

Comment thread src/css/custom.css
@ECWireless
ECWireless merged commit 70d89a9 into main Aug 2, 2026
3 checks passed
@ECWireless
ECWireless deleted the feat/brand-refresh branch August 2, 2026 22:02

This branch was successfully deployed

1 active deployment
Preview — 7db238b1 Deployed Aug 2, 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.

2 participants