Rebrand to 48co Voice with professional dark theme #3985

Originally written by @ccantynz-alt on GitHub.
Imported from https://github.com/ccantynz-alt/48co.v1/pull/52

Summary

Comprehensive rebrand of 48co to emphasize voice-to-text capabilities and target professional audiences (legal, accounting, medical). Updated visual identity with dark navy/gold color scheme, refined typography, and repositioned messaging throughout the application.

Key Changes

Branding & Messaging

• Renamed product to "48co Voice" with new tagline "Professional writing, perfected by AI"
• Updated all page titles and descriptions to emphasize voice dictation and professional use cases
• Changed target audience focus from general users to lawyers, accountants, and medical professionals
• Updated demo examples to showcase legal writing, professional emails, and medical notes instead of generic grammar corrections

Visual Design

• Replaced indigo accent color (#4f46e5) with navy (#0B1A2E) and gold (#c48f24) color palette
• Added navy color scale (50-950) and gold color scale to Tailwind config
• Redesigned hero section with dark navy background, gradient overlays, and gold accents
• Updated all buttons, badges, and interactive elements to use new color scheme
• Changed card styling for better contrast and premium feel
• Updated footer with dark navy background and improved typography

UI/UX Refinements

• Increased padding and spacing throughout (pt-28 → pt-32, pt-36 for some sections)
• Refined border radius (rounded-2xl → rounded-xl for consistency)
• Updated text colors for better hierarchy and readability on both light and dark backgrounds
• Improved demo card styling with dark background and better visual separation
• Added "Built for professionals who demand precision" section highlighting target industries
• Updated status indicators and badges (green → emerald for consistency)

Content Updates

• Changed demo phrases to professional contexts (legal fiduciary duty, professional emails, medical vitals, contract review)
• Updated feature descriptions to emphasize professional use cases
• Modified comparison table and pricing page messaging
• Updated Chrome extension and download page copy to reflect voice-first positioning
• Changed language support claim from "50+ Languages" to "200+ Languages"

Technical Details

• Updated CSS variables in globals.css for new color scheme
• Refined animation timings (fade-up duration 0.5s → 0.6s, typing demo delays adjusted)
• Updated form styling and input elements to match new design system
• Improved dark mode card variant styling with backdrop blur effects

https://claude.ai/code/session_01TnuF31BQ485XYWZJ1XKdAy