Welcome

UCLA Design System Masthead

The UCLA Design System is a set of front-end user interface styles and components. It provides designers and developers with tools and support to create on-brand, accessible, and usable digital products.

By using the UCLA design system, your website will share design, navigation, ADA compliance, and structural elements with other UCLA branded websites. However, your content and messaging will always make your website distinct. By leveraging the UCLA design system, your organization can direct its efforts towards creating meaningful, valuable, and actionable content, rather than investing time and resources into the framework and implementation of the user experience.

News & Contact

For up-to-date information on the Design System, please see the Design System section on the Brand Guidelines website.

brand.ucla.edu/application/web/design-system