The Force Design Spec
Spec-driven design tokens and UI patterns for Perforce products
Primary — Indigo
#5405ff Secondary — Cyan
#00cfff Design Tokens
Explore colors, typography, spacing, shadows, and motion tokens that form the atomic foundation of the system.
Browse tokens →UI Patterns
Component, layout, and composition patterns written in English prose — framework-agnostic and prescriptive.
View patterns →Using the MCP
Connect AI agents to the spec via MCP. Query tokens and patterns on demand, and pick strict or creative mode based on whether you're implementing or exploring.
Read the guide →