Commit Graph

11 Commits

Author SHA1 Message Date
tony
9cf92f9fcf feat: Update home page with improved layout and structure
- 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>
2025-08-25 22:18:57 +10:00
tony
e9d6e8465a feat: Restore and consolidate brand style guide site structure
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>
2025-08-25 22:17:00 +10:00
tony
a344934db4 Claude stuffs up. Time to restore mucked up files. 2025-08-25 20:57:04 +10:00
tony
25107c2c8a feat: Update Motion page to reflect actual implementation
- 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>
2025-08-25 19:48:20 +10:00
tony
9ca343bd01 feat: Implement comprehensive system-wide accessibility color adaptations
- 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>
2025-08-25 19:42:46 +10:00
tony
dd63993570 feat: Implement responsive navigation system with mobile hamburger menu
- 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>
2025-08-25 10:28:25 +10:00
tony
d83dbdce46 feat: Implement proper Three.js logo system with custom environment mapping
- 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>
2025-08-24 14:13:29 +10:00
tony
e73df0b20d Code reorg 2025-08-23 09:06:12 +10:00
tony
b25886a88c fix: Resolve color-blindness ring theme toggle conflicts
- Fix conflicting data-theme attributes between accessibility system and dark/light toggle
- Remove obsolete updateRingMaterial function that referenced non-existent mobius variable
- Update setAccessibilityTheme to use both data-theme and data-accessibility attributes
- Add dark mode variants for all accessibility materials (protanopia, deuteranopia, tritanopia, achromatopsia)
- Update logo.js material selection logic to check both attribute systems
- Ensure theme toggle preserves accessibility settings while changing light/dark mode
- Update CHORUS 8-color accessibility system with proper light/dark mode material mappings

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-21 08:28:13 +10:00
tony
ba0e8c84ae feat: Add comprehensive iconography system and enhance brand guidelines
- Add complete Iconography section with Coolicons v4.1 integration
- Implement theme-adaptive icons (black for light mode, white for dark mode)
- Add Visual Aid modal dialog for accessibility settings
- Replace theme toggle with semantic moon/sun icons
- Add personality trait icons with appropriate semantic choices
- Fix code block theming to respect light/dark mode toggle
- Include comprehensive icon categories: Interface, File/Data, Communication, Navigation
- Add detailed implementation guides for HTML, SVG, and Tailwind
- Create accessibility-aware color system with vision deficiency support
- Add Inconsolata and Inter Tight fonts for complete typography system

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-20 16:49:53 +10:00
tony
b7553856f5 feat: Add comprehensive brand system and website architecture documentation
This commit adds the complete CHORUS Services brand system and documentation:

BRAND ASSETS:
- Complete CHORUS brand guide with visual identity standards
- Comprehensive typography system with Exo font family
- Color system documentation (Carbon Black, Walnut Brown, Brushed Aluminum)
- Brand usage guidelines and logo specifications
- Website mockup concepts and design assets
- Texture assets for brand consistency

WEBSITE SUBMODULE UPDATE:
- Update to latest commit (7774d7e) with full brand system implementation
- Includes typography system, design tokens, and component updates
- Production-ready brand application across all website components

DOCUMENTATION:
- Website Architecture Strategy: Next.js 13+ with Ant Design 5+ technical specs
- UX Design Strategy: User experience and interface design principles
- Website Functionality Audit: Feature requirements and technical specifications
- Network Validation Report: Infrastructure and deployment validation

ASSETS STRUCTURE:
- /brand-assets/fonts/ - Complete Exo font family with licensing
- /brand-assets/colors/ - Color system documentation
- /brand-assets/typography/ - Typography hierarchy specifications
- /brand-assets/guidelines/ - Brand usage and implementation guidelines
- /brand-assets/mockups/ - Website design concepts and layouts
- /brand-assets/textures/ - Visual texture assets for brand consistency

This establishes the complete foundation for CHORUS Services brand identity
and provides comprehensive documentation for consistent implementation
across all marketing and product materials.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-02 22:13:32 +10:00