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

  • Getting started

    Start using Rivet in your website or web application 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, whitespace, and more.

  • Tokens

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

  • Design resources

    Use Figma libraries to create high-fidelity mockups of Rivet interfaces that are easily translated into markup for the browser.