- Create new brand guideline pages:
• Copywriting guidelines with voice, tone by channel, and quick checklist
• Diagram style guide with field guide-inspired approach
• Press & media kit with narrative guidelines and suggested language
- Enhance existing pages with Visual Identity integration:
• Visual Identity: Add three-pillar philosophy (Bauhaus typography, field journal illustration, infrared photography)
• Typography: Merge Bauhaus typography guidelines with cross-references
• Art Direction: Add infrared photography foundation with visual identity connection
• Diagrams: Add field journal illustration foundation
- Update navigation with new sections in appropriate categories
- Add cross-links between related sections throughout the site
- Follow existing design patterns and icon usage
All pages now connect to the cohesive visual identity system while providing detailed, actionable guidelines.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add ScrollReveal component with Intersection Observer API
- Create useIntersectionObserver hook for scroll-based animations
- Implement progressive scroll animations on motion page (200ms-600ms delays)
- Add CSS animation system with prefers-reduced-motion accessibility support
- Update navigation icons for consistency between sidebar and primary nav
- Use Interface/Trending_Up for Motion System and Environment/Puzzle for Components
- Add GPU-accelerated transforms with will-change optimization
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Enhanced Brand Overview section with consistent layout structure
- Updated Mission, Promise, and Position content blocks with better spacing
- Improved Audience section with properly structured target customer cards
- Added consistent styling patterns matching rest of site
- Maintained comprehensive content for Technical Decision Makers, AI Research Leads, and Business Stakeholders
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Major updates and improvements across the site:
- Restored Motion page with comprehensive animation documentation including actual timing scales (200ms, 300ms, 500ms), easing functions, and real implementation examples
- Updated page layouts across all sections with consistent structure and improved visual hierarchy
- Enhanced Typography page with complete font families (Inter Tight, Exo, Inconsolata), proper scaling system, and do/don't examples
- Refined Logo page with improved layout, proper logo orientations, and enhanced download section
- Updated all section pages (Culture, Communications, Components, etc.) with consistent styling and layout patterns
- Added logo ring asset for 2D static version display
- Improved CSS with logo group styling and comprehensive accessibility color adaptations
- Enhanced Sidebar component with better logo positioning and navigation structure
Site now has consistent visual treatment across all pages while maintaining the sophisticated CHORUS brand aesthetic.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Document real animation system currently used across the site
- Add comprehensive timing scale (200ms, 300ms, 500ms) with actual usage
- Include detailed easing functions (ease-out, ease-in-out, cubic-bezier)
- Document interactive element animations:
• Navigation links with lateral translation and color transitions
• Icon scaling and chevron rotation effects
• Dropdown slide animations with opacity
- Add 3D logo animation specifications:
• Multi-axis continuous rotation with requestAnimationFrame
• Material color transitions for accessibility themes
- Include CSS implementation examples with real code snippets
- Update motion principles to reflect performance and accessibility focus
- Replace theoretical content with actual brand implementation details
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add complete CHORUS accessibility theme system with CSS custom properties
- Implement functional visual aid buttons that apply themes globally
- Create comprehensive Tailwind utility overrides for all vision types:
• Protanopia: Ocean/Sand system for red-blind clarity
• Deuteranopia: Purple/Blue enhanced contrast for green-blind
• Tritanopia: Red/Warm earth tones for blue-blind users
• Achromatopsia: High-contrast grayscale system
- Integrate 3D logo material changes with accessibility themes
- Add cross-component theme communication via custom events
- Implement system-wide color adaptation covering backgrounds, text, borders
- Add theme selection indicators with proper contrast rings
- Support both light/dark mode variations for all accessibility themes
- Maintain CHORUS brand integrity while maximizing visual clarity
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add mobile-first navigation with hamburger menu and top-right controls
- Implement accordion-style mobile menu matching sidebar structure
- Add theme toggle and accessibility buttons to mobile header
- Update responsive breakpoints to lg: (1024px) for better tablet/desktop split
- Hide sidebar on mobile, show primary nav on desktop
- Update content padding to use proportional CHORUS spacing system
- Fix logo centering in 3D canvas with proper origin calculations
- Lighten header and bottom dock transparency to 80%
- Add route-aware navigation state management
- Include visual aid modal accessible from mobile menu
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Replace CDN-based Three.js with npm packages for reliable loading
- Add DRACO loader support for compressed GLB files
- Implement custom horizon gradient environment mapping
- Use exact material properties from reference logo.html (MeshPhysicalMaterial)
- Apply proper metallic sheen, clearcoat, and reflectivity settings
- Fix camera positioning and canvas sizing to prevent clipping
- Maintain square aspect ratio for consistent logo display
- Load user's mobius-ring.glb with fallback torus geometry
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
