Oliver/dow-prod-tracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
dow-prod-tracker/CLAUDE.md
DJP 51e0cf44c7 Phase 0: fork rebrand from hp-prod-tracker 
- basePath /dow-prod-tracker, DB name dow_prod_tracker
- docker-compose: name: dow-prod-tracker (volume isolation on shared server), ports 3002/5492
- OMG webhook env vars (secret + insecure toggle)
- NEXT_PUBLIC_AUTH_ENTRA_ENABLED feature flag (MVP uses local auth)
- Dow logo at public/navbar-logo.png
- apache/hp-prod-tracker.conf → apache/dow-prod-tracker.conf
- Text rebrand across README, SETUP, CLAUDE.md, docs, UI labels

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-20 18:21:39 -04:00

2.8 KiB
Raw Blame History

Dow Jones Studio Tracker

Design Context

Users

Production managers and CG artists use this tool equally. Managers track deliverables, deadlines, and team workload across projects. Artists check their tasks, update statuses, and log progress. Both need fast, glanceable information with minimal friction — the tool is open all day alongside creative applications.

Brand Personality

Bold, energetic, creative. This tracker reflects the creative CG work it manages. The "Oliver Agency palette" (forest green + coral) sets a distinctive, confident tone — not generic SaaS. The interface should feel alive and expressive while remaining a serious production tool.

Aesthetic Direction

  • Visual tone: Colorful and status-heavy like Monday.com, with the production-pipeline structure of Shotgrid/ftrack. Dense but not cluttered — every pixel earns its place.
  • Color usage: Lean into the status color system. Color is functional (communicating state) and expressive (reinforcing the creative brand). The forest green + coral palette is the signature — don't dilute it.
  • Typography: Montserrat headings with tight tracking give weight and personality. The label-upper pattern (uppercase + wide tracking) is an Oliver Agency signature — use it for navigation, section headers, and metadata labels.
  • Dark mode: First-class citizen, not an afterthought. The charcoal + bright green variant should feel equally polished.
  • Anti-references: Generic gray SaaS dashboards. Overly minimal/sterile interfaces that could belong to any product. Avoid looking like a default shadcn template.

Design Principles

  1. Status at a glance: The most important information is where things stand. Use color, position, and density to make status immediately scannable without reading.
  2. Creative energy, production discipline: Bold visual choices (color, type, layout) paired with rigorous information architecture. Expressive doesn't mean chaotic.
  3. Density over simplicity: Users are power users with the tool open all day. Prefer information-dense layouts that reduce clicks over spacious layouts that look good in screenshots.
  4. Consistent signatures: The Oliver Agency palette, label-upper typography, forest green + coral accents, and soft-radius corners are brand signatures. Apply them consistently across all new UI.
  5. Accessible by default: WCAG AA compliance. Sufficient contrast ratios, keyboard navigation, focus-visible rings, and screen reader support on all interactive elements.

Documented Solutions

docs/solutions/ — documented solutions to past problems (bugs, best practices, workflow patterns), organized by category with YAML frontmatter (module, tags, problem_type). Relevant when implementing or debugging in documented areas.