Skip to Content

Raven Design System

RDS, Carleton University’s design system, is a living digital organism uniting campus wide teams around a common visual language.

RDS plays an important part in the university’s web brand guideline and is available to use by any member of the Carleton developer community. This initiative is fully supported by ITS and Web Services in collaboration with the Department of University Communications.

RDS is currently in active development and has yet to reach it’s first full version release. More information about how the Carleton dev community can leverage it in their own work, or contribute to fixing bugs or adding functionality will be coming soon.

Building Blocks of RDS

Raven Design System would not be possible without amazing tools like these.


React lets you build user interfaces by creating and combining components into application layouts.


A strongly typed language that builds on JavaScript, giving you better tooling at any scale.

Tailwind CSS

A utility-first CSS framework packed with classes that can be used to build designs directly in markup.

Storybook JS

Storybook is a frontend workshop for building UI components and pages in isolation.


Formik provides solutions for input validation, formatting, masking, arrays, and error handling.


Vite is a build tooling that significantly improves the frontend development experience.