Senior Solution Architect to assist with designing system architecture for a web transactional application, including design tokens, accessibility conformance to Web Content Accessibility Guidelines (2.2 AA) and structuring a design system for AI tooling

Our energy & resources client is seeking a Senior Solution Architect to assist with designing system architecture for a web transactional application, including design tokens, accessibility conformance to Web Content Accessibility Guidelines (2.2 AA) and structuring a design system for AI tooling

Candidates will be working in downtown Calgary 4 days/week.

Must Haves

- 10+ years of experience as a Solution Architect or Architecture roles with h ands on WCAG 2.2 AA conformance work
- Experience with design token architecture, including hands-on Angular experience
- Experience designing complex transactional or regulatory applications with multi step forms
- Previous Oil & Gas or Regulatory industry background
- Demonstrated use of AI tooling in the design and building of workflows
- Solid technical writing and demonstrated governance of a shared component library across multiple delivery teams

Nice to Have

- Architecture experience within workforce augmentation environments

Responsibilities:

- Author the design system for the regulatory web application, covering design tokens, primitive elements, composite components, layout and page templates, interaction patterns,



form and validation behaviour, empty and error states, and content and microcopy standards
- Translate the existing system design guide into an implementable token architecture with semantic layering (primitive, semantic, and component level tokens), theming, and density variants, so brand compliance is enforced by the tokens rather than by review
- Define layout standards for the page archetypes the regulatory application actually needs, including search and result lists, record detail, multi step submission forms, review and decision queues, dashboards, document viewers, and map and geospatial views
- Define the component inventory and the composition rules, including when to consume a Material component as delivered, when to extend it, when to build custom, and what must never be forked
- Make the design system consumable by AI tooling. Publish machine readable tokens, component APIs, usage rules, worked examples, and pattern descriptions structured so that AI generated mockups and code are compliant on the first pass rather than corrected afterward
- Establish the AI assisted design to code workflow end to end, from prompt or wireframe through to a compliant Angular Material page, including instruction files, guardrails, review gates, and the definition of done that developers and designers work to

📌 Senior Solution Architect to assist with designing system architecture for a web transactional application, including design tokens, accessibility conformance to Web content accessibility guidelines (2.2 AA) and structuring a design system for AI tooling (Calgary)
🏢 S.i. Systems
📍 Calgary