Rivet Design System
Rivet 2 is the latest version of IU's design system. Visit v1.rivet.iu.edu to see the Rivet 1 documentation.
IU-branded starter HTML templates for the design of your website or web application.
Modular elements you can combine to create digital interfaces using HTML and CSS.
CSS classes that can be used to adjust colors, typography, shadows, spacing, and more.
Basic values used by the design system to represent color, spacing, font sizes, and other visual styles.
Figma libraries for creating high-fidelity mockups of Rivet interfaces that are more easily translated into browser markup.
Beginner-friendly lessons in how to get started using the design system.
“Indiana University offers its users sustainable and consistent experiences with Rivet”
Featured Rivet as one of the best design system documentation sites in the industry
Featured Rivet as one of the best design systems that focuses on accessibility
Visit the Rivet wiki to learn more about:
To get updates about Rivet:
Bookmark the Rivet blog to stay updated.
The previous major version of Rivet will reach its end of life on Friday, December 29, 2023.
Rivet 2.5.2 is now available. This patch release makes fixes to the avatar and disclosure components.
Rivet 2.5.1 is now available. This release makes accessibility updates to the hero, quote, and switch components.
Rivet is a university-wide initiative, overseen by the Enterprise Experience team. Learn how to get help with Rivet.