BiohazardVFX/biohazard-vfx
2
1
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity
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
Details
Build and Push Docker Image / build-and-push (push) Waiting to run
Details
bmad-planning-complete
2025-09-24 10:54:01 -06:00

910 B
Raw Blame History

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 dark‑first 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 reduced‑motion support.