Component Templates

If you run into a problem, have questions about how something works, or have questions about functionality that is not covered, email webservices@uoregon.edu to ask for assistance.

Ask for Assistance   


These are our most commonly-used templates, which include grids, call to action buttons, button photos, responsive tables, and photos with captions. They are individual components, but they can be combined to create various layouts and design elements.

Grid

A grid is a responsive multicolumn layout for content.

Call to Action Buttons

A call to action button is a simply styled link button usually for a call to action.

Button Photo

A button photo is a photo with a caption overlay that links to content.

Card

A card is a self contained block of data which usually links to another page or resource.

Timeline

A timeline is a vertical arrangement of items that represent dates and deadlines.

Section Header

A section header is a colorful banner with a title and links at the top of a section of content.

Photo with Caption

A caption photo is a photo with a caption below it.

Collapse Menu

A collapse menu is a vertical menu listing which collapses on mobile displays.

Responsive Table

A responsive table is a table of data that breaks down nicely on mobile phones. Requires header columns.

Listing

A listing is a row of content with a photo and some content used for article and other content listings.

Big Number

A big number is a large text block used to display marketing/statistic style numbers.