Portiva — Client Portal & Business Workspace (Concept Template)

Portiva is a commercial concept client portal and business workspace template engineered for service businesses that collaborate with clients — design studios, creative agencies, consultancies, and software teams. Built with Next.js 16.4 (App Router), React 19.3, TypeScript, Tailwind CSS 4, Radix UI, Zustand, and Zod, it pairs an internal studio workspace with a role-filtered client portal over one shared set of records.

Instead of passive status badges, Portiva tracks custody: every deliverable, decision, question, document, and invoice is explicitly in either the studio's court or the client's court, with automatic aging indicators for items awaiting action. Both sides read the same underlying browser-persisted records filtered by role, and the studio can preview any project room through the exact client lens.

7 Internal Studio Workspace Screens: Studio Desk (Your Court vs. Waiting on Clients, aging telemetry, money brief, 3-week dates strip), Clients Directory & Client Profiles, Work & Project Room with internal/shared visibility controls, Invoice Ledger & Print-Ready Invoice Document, and global Ctrl/⌘ K command search.

9 Client Portal Screens: Client Today brief, locked-lens Project Room, full-screen Deliverable Review Workbench with version comparison and approve / request-changes workflow, Messages, Shared Files, Billing (automatically hidden from reviewer-only contacts), and Account settings.

Dual Light & Dark Themes: Purpose-designed light and dark palettes with Young Serif, Onest, and JetBrains Mono typography, verified across 390px, 768px, and 1440px viewports with Vitest unit tests and Playwright + axe accessibility checks.