Our design system principles are fundamental guidelines and values that inform the creation and maintenance of a cohesive and consistent design language across different products, platforms, and experiences. These principles help establish a shared understanding among designers, developers, and other stakeholders, ensuring that design decisions align with the overall vision and goals of the organization.
Consistency
All components, styles, and interactions should be consistent across the design system to ensure a cohesive and unified user experience.
Accessibility
All components and interactions should meet accessibility standards (WCAG 2.1 level AA) , to ensure that they can be used by all users.
Scalability
The design system should be scalable to accommodate future growth and expansion of UCLA’s digital ecosystem.
Flexibility
The design system should be flexible enough to allow for customization and variation in design elements while maintaining consistency and brand identity.
Modularity
The design system should be designed with modularity in mind, allowing components to be easily combined and reused in different contexts.
Usability
The design system should be easy to use and intuitive, with clear documentation and guidelines to help users apply it effectively.
Maintenance
The design system should be designed to be easy to maintain and update over time, with clear processes and workflows for adding or updating components.
Collaboration
The design system should facilitate collaboration between designers, developers, and other stakeholders, enabling them to work together more effectively to create cohesive and effective user experiences.
Brand identity
The design system should be designed to maintain and reinforce the UCLA’s brand identity across all products and applications.