Easol

• The goal is to get the foundations right (visual language, interaction principles, motion, the key journeys) and cover roughly half the component set. What matters most is that what you leave behind is solid, well-documented, and structured clearly enough that we can build from it with confidence. • Phase 1 · Audit & Consolidation - Get under the skin of what we have. Walk the product, understand the essential journeys, and form a clear picture of where the system is working, where it's duplicating effort, and where it's broken. Come back with a consolidation roadmap that we can align on before the build phase. - Deliverable: Audit report + consolidation roadmap • Phase 2 · Design System Build - The core of the engagement. Establish the visual and interaction foundations (typography, spacing, motion, dark mode, brand moments) oriented towards AI-native interface patterns. Consolidate and build out the component set in Figma and Tailwind. The priority areas we know need addressing are forms and inputs, layouts, feedback and status patterns, and modal surfaces, though we're open to your read on sequencing and scope. - Deliverable: Figma library + implemented components • Phase 3 · Documentation & Handoff - Leave us in a position to carry this forward confidently. And crucially, leave the system in a state that AI tooling can consume and work with. Documentation should serve both our human designers and the MCPs that will be using the system. Close out with a live demo of the system in action. - Deliverable: Design system docs + team training + live demo