Jarvis Playground has received a comprehensive visual overhaul with the introduction of a unified Design System — bringing consistency, polish, and a cohesive cyberpunk aesthetic across every page.

What's New

• Design System CSS — A shared design-system.css with CSS custom properties for colors, typography, spacing, shadows, and transitions. Every page now uses the same visual language.
• Unified Color Palette — Cyan (#00f2ff), purple (#7000ff), gold (#c9a84c), pink (#ff006e), and green (#00ff88) are now consistent site-wide.
• Consistent Typography — Orbitron display font with Segoe UI/Roboto fallback, standardized scale from 12px to 36px.
• Responsive Navigation — Updated nav.css with mobile-friendly breakpoints and consistent header styling across all pages.
• Version Badge — All 16 pages now display the v2.13.0 version badge in a unified style.

Design Tokens

The new system includes 60+ CSS custom properties covering:

• 7 primary colors + background/text/border variants
• 9 font sizes, 4 font weights, 3 font families
• 12 spacing units (4px–64px)
• 6 border radius values
• 6 shadow styles including glow effects
• Smooth transition timings

Why This Matters

Previously, each page had its own inline styles — making updates tedious and inconsistencies inevitable. The design system means future updates are faster, the site looks professional, and new pages automatically inherit the Jarvis aesthetic.

Explore the updated site: jarvispg.nocturnal151.com