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.
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.
List Layouts With Dividers
Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts with vertical dividers
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.
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.
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.
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 banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.
Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts.
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.