Skip to content

feat: ATLE 2.5 redesign — hue-driven design system#2

Open
EriFisher wants to merge 1 commit into
mainfrom
feat/atle-2.5-redesign
Open

feat: ATLE 2.5 redesign — hue-driven design system#2
EriFisher wants to merge 1 commit into
mainfrom
feat/atle-2.5-redesign

Conversation

@EriFisher
Copy link
Copy Markdown
Collaborator

Summary

  • Full ATLE 2.5 conversion across all 20+ pages and 10+ components — replaces all hardcoded violet/indigo/fuchsia colors with dynamic --hue/--hue-sec CSS custom properties
  • Enhanced aurora backgrounds with multi-layer radial gradients, conic rotation pseudo-elements, and ATLE-driven floating glow orbs for ambient depth
  • Frosted glass effects (lb-glass, lb-glass-glow) and ATLE-powered breathing/motion applied site-wide
  • New files: use-atle.ts hook, atle-provider.tsx, error.tsx + global-error.tsx (Next.js 16 error boundaries)
  • Profile charts: all hex color values → hsl(var(--hue)) for theme consistency

Changes (43 files, +2411/-1399)

  • All page files: removed ColorBends, added lb-aurora + glow orbs
  • globals.css: enhanced aurora CSS with 4 radial gradient layers + counter-rotating pseudo-elements
  • hero-section.tsx: ATLE glow orbs, text-shadow-glow, scale breathing
  • Shared components: features, products, testimonials, search modal, login popup
  • Profile charts: dynamic theming via CSS custom properties

Test plan

  • Verify homepage aurora background renders with depth and glow
  • Check hero text glow and ATLE-driven ambient motion
  • Navigate all pages — confirm no hardcoded violet/fuchsia colors remain
  • Test profile charts render with dynamic hue colors
  • Verify error boundaries work (error.tsx, global-error.tsx)
  • Check mobile responsiveness on all updated pages

🤖 Generated with Claude Code

Replace all hardcoded violet/indigo/fuchsia colors with ATLE 2.5 hue-based
CSS custom properties (--hue, --hue-sec). Add frosted glass effects (lb-glass,
lb-glass-glow), ATLE-driven aurora backgrounds, floating glow orbs, and
ambient motion driven by evalAtle() via CSS transforms.

Key changes:
- Enhanced lb-aurora with multi-layer radial gradients + conic rotation
- Added ATLE provider hook (use-atle.ts) and provider component
- Hero section: glow orbs, text-shadow-glow, ATLE-scale breathing
- All 20+ pages: ColorBends removed, lb-aurora + lb-glass applied
- Profile charts: hex colors → hsl(var(--hue)) dynamic theming
- Added error.tsx + global-error.tsx for Next.js 16 error boundaries
- Shared components (features, products, testimonials, search, login popup) updated

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
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