← Back to News
v0.3.0 — Premium Design & UX Overhaul
Version 0.3.0 • November 15, 2025
Dev Notes
Major visual redesign transforming Clickfluencer Idle into a polished, commercial-quality idle game. This update introduces a comprehensive design system, enhanced typography, premium component styling, and improved visual hierarchy across every screen. The game now feels like a top-chart idle experience with cohesive theming, smoother animations, and professional polish throughout.
- Comprehensive Design System — Implemented professional typography scale with 7 heading levels and consistent font sizing
- Premium Shadow System — Added game-card shadows, accent glows, and elevation levels for depth and polish
- Enhanced Button Styles — New btn-primary and btn-secondary classes with micro-interactions, hover lifts, and press states
- Premium Click Button — Redesigned main Post button with animated glow effect, gradient backgrounds, and shine-on-hover
- Card Component Overhaul — All Generator, Upgrade, and Theme cards now use card-premium styling with better hover states
- Hero Section Redesign — New animated mesh gradient background with staggered entrance animations and improved CTAs
- Typography Improvements — Added gradient text for headings, stat-value and stat-label utilities for consistent number displays
- Theme-Aware Gradients — All new gradients use CSS variables and rgb(from var()) for perfect theme compatibility across all 10 themes
- Enhanced AdSlot Component — Future-proof ad placeholder with theme-aware styling and tasteful development indicators
- About & Guide Pages Polish — Redesigned information pages with card-premium layouts and improved readability
- Improved Floating Numbers — Better text shadows and drop-shadow effects for click feedback visibility
- New Animation System — Added shimmer and glow keyframes for premium visual effects
- Gradient Mesh Backgrounds — New bg-gradient-mesh and bg-gradient-radial utilities for hero sections
- Badge System Refresh — Updated badge styles with better padding and font weights
- Performance Preserved — All visual enhancements maintain existing React.memo optimizations and CSS containment
- Accessibility Maintained — Focus states, ARIA labels, and reduced-motion preferences fully supported in new design system
- Mobile Optimizations — Responsive typography and touch-friendly button sizes across all screen sizes
- Consistent Border Radius — Unified rounded-xl and rounded-2xl usage across all interactive elements