style: replace Inter with Space Grotesk across full website

[kunalverma2512]

📌 Pull Request Summary

📝 Description

Replaced the Inter font with Space Grotesk across the entire CodeLens website for a more modern and distinctive typographic identity.

Changes Made

• Replaced Google Fonts import from Inter to Space Grotesk (weight range 300–700)
• Updated --font-sans in Tailwind v4 @theme block so all Tailwind font utilities use Space Grotesk
• Added universal * selector override to ensure Space Grotesk applies even to components with hardcoded font styles

Motivation

Inter was the default placeholder font. Space Grotesk gives CodeLens a stronger, more technical, and modern visual identity that better suits a developer intelligence platform.

---

🚀 Type of Change

• Enhancement

---

🧪 Testing

Verification

• Tested Locally

Test Details

Verified locally that Space Grotesk loads and renders correctly across all pages including the dashboard, APEX AI workspace, Codeforces page, and landing page.

---

✅ Checklist

• I have read and followed the contribution guidelines.
• I have self-reviewed my changes.
• My changes are limited to the scope of this issue.
• Documentation has been updated where necessary.
• No unnecessary files or unrelated changes have been included.
• The related issue has been linked correctly.
• All applicable testing and validation steps have been completed.

---

📚 Additional Notes

This change touches only frontend/src/index.css. No component files were modified.

Summary by CodeRabbit

• Style
  • Updated the global font throughout the application from Inter to Space Grotesk, affecting typography across all pages and components.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
codelensx	Ready	Preview, Comment	Jun 18, 2026 3:24am

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 7cb5238b-bc86-492d-a8ea-bb753d760703

📥 Commits

Reviewing files that changed from the base of the PR and between a280210 and ef06fec.

📒 Files selected for processing (1)

• frontend/src/index.css

---

📝 Walkthrough

Walkthrough

frontend/src/index.css replaces the Inter font with Space Grotesk globally. The Google Fonts CDN import, the Tailwind @theme --font-sans variable, the universal * selector rule, and the body font-family declaration are all updated.

Changes

Global Font Replacement

Layer / File(s)	Summary
Font import, theme token, and selectors frontend/src/index.css	Google Fonts import changed to load Space Grotesk; Tailwind --font-sans theme variable, universal * selector, and body font-family all updated from Inter to Space Grotesk.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐇 Hop hop, the letters changed their dress,
From Inter's clean to Grotesk finesse.
Four lines swapped, the CSS anew,
Space Grotesk gleams in every view.
A font switch done — simple and true! ✨

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/space-grotesk-font-integration

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[github-actions]

🎉 Welcome to CodeLens — Thank You for Your Contribution!

Hey @kunalverma2512! 👋

We are genuinely excited to have you here. Every single PR — big or small — makes CodeLens better, and yours is no exception. Take a moment to review the checklist below to help us merge your work quickly and smoothly.

✅ Before Requesting a Review

• Keep code clean, readable, and consistent with the existing codebase
• Avoid unrelated or unnecessary file changes
• Make sure the UI is fully responsive across all device sizes
• Attach screenshots or a short screen recording for any UI changes
• Resolve all merge conflicts before marking the PR as ready
• Do not submit AI-generated, copy-pasted, or low-effort implementations

💬 Join Our Community Channel — This is Mandatory

Being part of our communication channel is compulsory for all contributors, not optional.

📡 Join the CodeLens Matrix Channel

Why join? This is where all important announcements, PR review updates, contribution discussions, and maintainer decisions happen in real time. Contributors who are not in the channel regularly miss critical context and updates, which often leads to duplicated or misaligned work. Staying connected here is what keeps the community strong and your contributions impactful.

---

We are rooting for you! If you have any questions, drop them in the channel or comment right here on this PR. Let's build something great together. 🚀✨