Skip to content

brand: argus mark, stack sans notch, lowercase header#1

Merged
proofmancer merged 3 commits into
mainfrom
brand-mark-and-font
May 24, 2026
Merged

brand: argus mark, stack sans notch, lowercase header#1
proofmancer merged 3 commits into
mainfrom
brand-mark-and-font

Conversation

@proofmancer
Copy link
Copy Markdown
Owner

@proofmancer proofmancer commented May 24, 2026

Summary

  • Inline ArgusMark SVG component (theme-aware via currentColor) replaces the placeholder amber dot in the header.
  • Stack Sans Notch variable font wired via next/font/local and exposed as --font-sans through Tailwind v4 theme tokens.
  • Header trimmed to just the mark + argus wordmark — dropped the "claude code workspace" subtitle and the "claude-code docs" nav link.
  • README gets the amber mark and an MIT badge at the top.
  • globals.css defaults to the dark palette (was light-with-dark-media-query) and uses Stack Sans + Geist Mono as the font stack.

Test plan

  • pnpm dev and confirm the header renders the Argus mark + lowercase wordmark with Stack Sans applied
  • Confirm body copy and headings inherit Stack Sans (not Arial fallback)
  • Confirm README on GitHub renders the centered mark + badge

Summary by CodeRabbit

  • New Features

    • Dark theme is now the default color scheme.
  • Style

    • Updated typography with locally loaded fonts for improved performance.
    • Enhanced branding with refined visual mark and lowercase styling.
  • Documentation

    • Updated README with improved header layout and branding presentation.

Review Change Stack

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 24, 2026

Warning

Review limit reached

@proofmancer, we couldn't start this review because you've used your available PR reviews for now.

Your plan includes 1 review of capacity. Refill in 53 minutes and 45 seconds.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more review capacity refills, 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 trial, open-source, and free plans. In all cases, review capacity refills continuously over time.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 1f7aa424-c9e2-4400-b695-5e8e043207ba

📥 Commits

Reviewing files that changed from the base of the PR and between 3f94e2f and f5522e4.

📒 Files selected for processing (3)
  • .github/workflows/ci.yml
  • package.json
  • pnpm-workspace.yaml
📝 Walkthrough

Walkthrough

This PR implements a cohesive visual branding refresh for the Argus application. It introduces a new SVG mark component, switches to dark theme defaults with a locally-sourced font stack, and updates the root layout and README to showcase the new branding identity throughout the application.

Changes

Branding and Styling Refresh

Layer / File(s) Summary
ArgusMark SVG component
src/components/ArgusMark.tsx
New React component that exports an inline SVG mark inheriting color via currentColor with optional className prop (default h-5 w-5) for sizing via Tailwind utilities.
Global CSS theme and typography
src/app/globals.css
Root CSS switches to dark theme by default, updates --font-sans and --font-mono to reference new font-stack variables, and changes body font-family to the new stack with system sans fallbacks.
Layout branding and font integration
src/app/layout.tsx
Root layout replaces Google Geist fonts with locally-loaded StackSansNotch via localFont, updates metadata.title to lowercase branding, and revises header markup to use ArgusMark component with new visual styling.
README branding update
README.md
README header is reformatted with centered HTML, logo image, and badge block while preserving the same high-level app description content.

🎯 2 (Simple) | ⏱️ ~10 minutes

A mark so fine, with fonts so neat,
Dark themes and stacks make branding complete,
ArgusMark dances in every frame,
The Argus workspace now has its name! 🐰✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 50.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately summarizes the main changes: introducing the ArgusMark component, adopting Stack Sans Notch font, and converting the header to lowercase branding.
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.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch brand-mark-and-font

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.

@proofmancer proofmancer merged commit fd4dd70 into main May 24, 2026
2 checks passed
@proofmancer proofmancer deleted the brand-mark-and-font branch May 24, 2026 22:24
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