This kitchen sink of page elements uses every visual page element available in the UW Theme. As you might notice, it’s much too much content for one page. For this page wanted to showcase all of the options. If you would prefer to download a pdf to see the visual elements with their labels, you can grab it here.
This theme has been browser-tested across devices and meets a WCAG 2.0 AA standard.
(See documentation about using and contributing to UW Theme.)
Three Column Content Layout with Background

- August
- August 26
“This is a stylized quote. It can only be used in 1 column layouts. Because we wanted to add design flexibility while maintaining responsiveness, usability, and accessibility standards, we needed to make some tough choices about which design elements could be used in 1, 2, and 3 column layouts.”
DIRECTOR OF WEB SERVICES, UNIVERSITY MARKETING
This is a text block. We added an image using WordPress’s visual editor. The method is very similar to uploading and adding an image in other web editors and image processing programs.
There is no character limit on text boxes. This layout choice might be used for stories or larger blocks of text. Many pages in UW–Madison websites don’t need to be visually engaging, they need to relay information. This page element works well for these needs.
If you would prefer to use a key that maps these visual elements with their names, we’ve made a pdf you can download for reference.

Documents
- Center for Pre-Law Advising Guide for Applying to Law School
This 9-document Center for Pre-Law Advising guide will walk you through the following: personal statements; resumes; requesting transcripts; the Credential Assembly Service; optional essays and addenda; requesting and (for your recommenders) writing letters of recommendation; what happens after you apply; and some general tips.
This is an accordion element with a series of buttons that open and close related content panels.
Photo Gallery

Posts
No posts currently available to show
Augue libero nunc urna vel taciti. Augue at integer turpis metus amet. Ligula adipiscing sem id metus, vestibulum tellus vivamus libero tortor. Lacinia tristique arcu leo pellentesque pede, vestibulum arcu placerat, in porta dolor lacinia ut libero facilisis. Pede elit proin ac dui, ligula consequat senectus porta ante, adipiscing sem eros eros a cras, proin diam sociosqu quam consectetuer wisi, ipsum lacus erat diam proin mi nec. Orci vivamus penatibus odit lacus erat vel, augue fringilla sodales interdum, et risus dolor accumsan tellus. Mauris a ornare sit risus convallis orci, laoreet nibh sed, felis ligula mauris, at dictum vestibulum ullamcorper etiam, tincidunt ullamcorper a sit nunc. Sed nec non, aptent etiam, cursus eget dolor libero orci velit, sapien nibh bibendum integer lectus in tellus. In nunc aliquet tempore nec, massa lacus pulvinar feugiat mauris id non, nibh gravida pellentesque diam diam molestie.
Alternating Content Boxes
First Box
Lorem ipsum dolor sit amet, turpis at lectus nisl, sed egestas nec tortor donec, feugiat vel tristique morbi, malesuada wisi risus sit, elementum nullam nec vitae consectetuer ullamcorper. Id sit wisi risus pellentesque vitae, maecenas tellus.

Second Box
Arcu amet quam tempor, morbi venenatis netus. Velit neque vitae quis id sagittis dignissim, et elementum, neque est orci, fringilla ornare tortor odio viverra eleifend. Nullam aut ac aenean, ut ac sint libero duis vel et, in egestas enim potenti.

Third Box
Placerat fames pede mauris pharetra diam. Ornare egestas, mi nibh, id turpis, nec tortor molestie commodo mollis, suscipit tellus quis. Ultricies amet quam. Luctus ut vel ac, vestibulum nibh, ut velit tortor odio. Euismod diam pellentesque nullam.
