biohazard-vfx/docs/prd/05-ui-goals.md
nicholai ed55376b9c
Some checks are pending
Build and Push to Docker Hub / Push Docker image to Docker Hub (push) Waiting to run
Build and Push Docker Image / build-and-push (push) Waiting to run
bmad-planning-complete
2025-09-24 10:54:01 -06:00

18 lines
910 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

UI Enhancement Goals
Integration with Existing UI
- Adopt Tailwind design tokens via CSS variables layered on current config; refactor shadcn components to consume tokens.
- Consolidate color usage to a darkfirst palette (brand black/orange + neutrals) per brainstorming doc. [Confirmed]
- Typography: Headings Rajdhani 600/700; Body Kanit 400/500. [Confirmed]
Modified/New Screens and Views
- Global: Layout with Sidebar Nav (not collapsible) and Command Palette; Footer.
- Projects: Reel, Case Studies index (filters: type/tool/year), Case Study detail.
- Process: Pipeline, Tools, Infrastructure.
- Studio: About, Team, Values.
- Contact: Smart Form + Confirmation page.
UI Consistency Requirements
- Tokenized spacing scale; motion presets; focus rings; media player wrapper for consistency.
- Sticky Split pattern components and hooks as a shared lib; mobile fallbacks and reducedmotion support.