Skip to main content
Rivet Design System Indiana University

Explore Rivet

Get started by reading the documentation to learn how to use Rivet in your project

  • Layouts

    IU-branded starter HTML templates for the design of your website or web application.

  • Components

    Modular elements you can combine to create digital interfaces using HTML and CSS.

  • Smiling students sitting outside on a bench

    Utilities

    CSS classes that can be used to adjust colors, typography, shadows, spacing, and more.

  • Tokens

    Basic values used by the design system to represent color, spacing, font sizes, and other visual styles.

  • Design resources

    Figma libraries for creating high-fidelity mockups of Rivet interfaces that are more easily translated into browser markup.

  • Tutorials

    Beginner-friendly lessons in how to get started using the design system.