Pattern Library

Below is a defined list of approved patterns to use within the Illinois State University digital system. Including, but not limited to, visual examples, usage guidelines, and code snippets. The library will be an evolving resource dependent on campus input as to what is working, not working, or needing to be developed and defined.

Pattern list

A to Z List

Card copy. Lorem ipsum.
Background Colors

Utilities for setting background colors.
Backgrounds

Background colors, patterns, and images.
Border Radius

Utilities for setting the border-radius on an element.
Feature Links

Card copy. Lorem ipsum.
Floated Images

Floats a piece of media to the left or right of a block of content.
Font Sizes

Utilities for setting the font size for an element.
Icon Fonts

This is the official list of icons available in our icon font utility.
Foreground Colors

Utilities for setting the color property on an element.
Justify Contents

Tell the browser how to distribute space between and around flex/grid items.
Justify Items

Defines the default justify-self for all flex/grid items.
Justify Selfs

Sets the way a flex/grid item is justified inside its container.
Widths

Utilities for setting an element's width.
Max Widths

Utilities for setting an element's maximum width.
Inset Grid Space

Utilities that define the grid gap between grid items.
Inline Space

Utilities that define the space between inline items.
Inset Space

Utilities that define the padded space around an item.
Block Space

Utilities that define the space above and below stacked items.
Block Space End

Utilities that define the space below stacked items.
Block Space Start

Utilities that define the space above stacked items.
Tables

Styling for data tables.
Text Utilities

Utilities for setting horizontal alignment and the text-decoration of an element.
Unstyled Lists

Removes bullets and default spacing of list items.