Skip to main content
List Layouts With Dividers

List Layouts With Dividers

Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts with vertical dividers

Images

Images

An example of images laid out on different column and row structures. It is recommended, when using USU Templates, to use a 16:9 image aspect ratio. Make sure to use high resolution images, with file sizes not exceeding 250 KB.

Accordions

Accordions

This layout shows accordions used in the recommended size variations. Accordions that are any larger, or smaller, will hinder effective communication. To include accordions on your webpages, use snippets.

Buttons

Buttons

Standard buttons expand to the full width of their respective columns, forcing the button to be placed either above or below surrounding content. Button widths can be adjusted with custom styling.

Image and Video Gallery Options
Tables

Tables

Here's two varieties of table styles available on the USU template. These are the suggested table sizes for optimal communication. When building tables and laying them out on your page, be aware of title and content lengths within each cell.

Short Image Galleries

Short Image Galleries

Short banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.

List Layouts

List Layouts

Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts.

Tall Image Galleries

Tall Image Galleries

Tall banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.

Forms

Forms

It's recommended to use forms within their own space or section, free of surrounding content on either side. Make sure to choose short but accurate field/item titles to maximize readability.

Snippets

Snippets

We have a variety of built in code snippets for your convenience. You can access our Snippets library by clicking on the puzzle piece icon in the OU Campus editor when editing a page.