PRIZM for D Experience
Build consistent D Experience interfaces for internal systems, journeys, onboarding, showcases, and operational touchpoints. D Experience uses PRIZM core components as the base, with chapter-level components added where D Experience workflows need more specific patterns. Use this guide to understand what is available, how screens are structured, and how to keep system behaviour consistent.
Use the D Experience catalogue
Browse all components available for D Experience work, including PRIZM core and D Experience local components.
Keep screens structurally consistent
Use Surface Anatomy to align the app shell, left navigation, canvas, cards, actions, and tokens.
Light mode by default
D Experience systems use light mode by default. Dark mode is only for supported preview or testing surfaces.
Start Here · Build Guide
Follow the recommended workflow for building D Experience screens: structure, components, surfaces, responsive behaviour, and handover checks.
Surface Anatomy
Understand how the app shell, navigation, canvas, cards, actions, and surface tokens work together.
Components
Browse all components available for D Experience work. Components marked ◇ are D Experience local components.