The engineering team and I named the system Promenade, a reference to the path found by the medication pathfinder (MTMPath). It is the single source of truth for design and engineering across MTMPath and Clarest’s related products — a flexible, adaptable system built to make the team’s work faster and more consistent.
Promenade ships three coordinated pieces. A foundation that expresses the design language as code — design principles, a complete color system, a typographic scale, and a spacing scale, all distributed as CSS custom-property tokens. A Vue 3 + TypeScript component library that expresses the interface as parts — 16 core components for layout and display, plus 8 form components for every input the platform uses, each with a typed prop contract. Finally, an internally published documentation site that expresses the whole system as a shared reference — one place designers, engineers, and product can point to and agree on.