aurora design system
Aurora is a carefully crafted collection of design principles, visual elements, and interface components that define the passenger journey with consistency and excellence.
The Opportunity
Create a comprehensive design language for modern air travel and implement it into a fully interactive prototype, Vár Airlines.
Building Aurora
The Prototype
Vár began as a fully interactive prototype built with Figma variables and conditional logic, employing a detailed organization of tokens, styles, and components
The System
From the base designs, styles, and components, I leveraged Claude and the Figma MCP to translate my detailed system into a functional, online record of my design system
Tokens & Variables
Includes tokens for brand colors, spacing scale, border radius, and typography, established using Figma variables
Components
Includes a collection of buttons, calendars, drop-down menus, input fields, icons, and more to allow for efficiently building new layouts
Building Vár
Flight Planning
Before building the platform, I did extensive planning on flight routes, times, codes, locations, and combinations. This documentation made variable creation smooth and comprehensive.
Variables & Modes
After the planning phase, I fully inputted every time, text, and number variable associated with each flight, setting up the prototype phase for success and efficient implementation.
The Prototype
A fully functional, high-fidelity prototype that reflects Aurora's balance of aesthetics and intuitive functionality
