A strategic design and systems project to define how AI could be used to accelerate page-building across Holiday Extras. The framework covered component styling conventions, behaviour patterns, and interaction logic — creating a shared language between design, AI tooling, and engineering that was celebrated by the CEO at company level.
The work began by auditing how pages were being built across products — identifying inconsistencies in component use, layout logic, and interaction patterns. From this, a clear framework was defined that an AI system could follow to produce on-brand, accessible pages without heavy manual design intervention.
Each component was mapped with explicit styling rules — spacing, colour application, typography hierarchy, and state variants — written in a format optimised for both human designers and AI prompting.
Beyond visual styling, the framework codified how components should behave: hover states, loading patterns, error handling, and transition logic. This gave engineering a reliable reference and gave AI tooling the context needed to produce coherent, production-ready outputs.
The framework was handed to engineering as a living specification. Its clarity and ambition were recognised at the highest level — the CEO highlighted the work as an example of how design was shaping the company's AI-first future.
Outcome
A documented AI page-building framework adopted by engineering, with direct CEO recognition and influence on the product roadmap.