Refine portfolio visual system for recruiter readability and polish

[JamesDeRaja]

Motivation

• Make the site less harsh and more recruiter-friendly by shifting the palette away from bright neon-on-black toward a softer indigo/glass aesthetic.
• Improve scanning and legibility for key recruiter-facing content (hero, metrics, case-study summaries) across small and large screens.
• Soften motion and hover behaviour to feel polished while keeping accessibility for users who prefer reduced motion.

Description

• Adjusted global colors, page background, card surfaces and button treatments in src/index.css to an indigo/soft-glass theme and added a reusable .soft-panel utility for lightweight panels.
• Reworked hero metric block to stack on small screens and added soft panel styling and higher-contrast text in src/sections/HeroSection.tsx for improved mobile readability.
• Tuned card interactions and copy contrast for case-study and problems-solved cards by changing hover transforms, scale/elevation and body text color in src/components/WorkCard.tsx and src/sections/ProblemsSolvedSection.tsx.
• Harmonized navigation and section-heading color hierarchy to blue-toned accents and slightly brighter copy for easier scanning, with updates in src/components/Navbar.tsx and src/components/SectionHeading.tsx.

Testing

• Built a production bundle with npm run build and the build completed successfully.
• Verified the working tree was clean after staging the visual changes and committing them.

---

Codex Task

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
portfolio	Ready	Preview, Comment	Apr 24, 2026 0:29am