Style: Voice-First Multimodal. Type: General. Keywords: Voice UI, multimodal, audio feedback, conversational, hands-free, ambient, contextual, speech recognition. Primary Colors: Calm neutrals: Soft White #FAFAFA, Muted Blue #6B8FAF, Gentle Purple #9B8FBB. Secondary Colors: Audio waveform colors, status indicators (listening/processing/speaking), success/error tones. Effects & Animation: Voice waveform visualization, listening pulse, processing spinner, speak animation, smooth transitions. Best For: Voice assistants, accessibility apps, hands-free tools, smart home, automotive UI, cooking apps. Do Not Use For: Visual-heavy content, data entry, complex forms, noisy environments. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚡ Excellent. Accessibility: ✓ Excellent. Mobile-Friendly: ✓ High. Conversion-Focused: ✓ High. Framework Compatibility: Web Speech API 10/10, React 10/10. Era/Origin: 2025+ Voice Era. Complexity: Medium. AI Prompt Keywords: Design a voice-first multimodal interface. Use: voice waveform visualization, listening state indicator, speaking animation, minimal visible UI, audio feedback cues, hands-free optimized, conversational flow, ambient design.. CSS/Technical: Web Speech API integration, canvas for waveform, animation: pulse for listening, status indicators (color change), audio visualization (Web Audio API), minimal chrome, large touch targets. Implementation Checklist: ☐ Voice recognition works, ☐ Visual feedback clear, ☐ Listening state obvious, ☐ Speaking animation smooth, ☐ Fallback UI provided, ☐ Accessibility excellent. Design System Variables: --listening-color: #6B8FAF, --speaking-color: #22C55E, --waveform-height: 60px, --pulse-duration: 1.5s, --indicator-size: 24px, --voice-accent: #9B8FBB.