The Folwell Design System is a web theme with design and code already in place. Folwell components are the building blocks that tie University websites together while allowing for site‑specific design elements.
Explore the Folwell Design System
The Folwell Design System is a comprehensive web theme that has been tested for usability and accessibility. Check out how the design theme’s essential components help create unity among the University’s websites, while allowing individuality.
Submit Folwell Component Requests
Folwell is a collaborative project, so if you’d like to see new features or functionality, you can do so by submitting a request on the Folwell site. You can also comment or vote on other requests.
Frequently Used Components
Here are some of the most frequently used Folwell components. Follow the links to learn more about usage, best practices, and accessibility for the component.
Accordions
Accordions are sometimes referred to as "drawers." They allow visitors to click on a header, which then expands or contracts to reveal or hide the content within a drawer. Accordions can aid in creating pages that are shorter and require less scrolling.
Buttons
Buttons represent actions visitors can take with one click.
Callouts
Callouts are stylized groupings of scannable text.
Images
Images add visual appeal to the content on your site, helping to grab viewer interest and attention. Common image file types are JPEG, PNG and GIF.
Folwell offers six image style variations, including multiple positioning options, for use on your site’s pages.
Tabs
Tabs are used to organize similar groups of content which allows you to easily alternate between the related content.
Unit Footer
A footer is the place a visitor goes to when they are lost on your site, are looking for contact information, or are looking for supplemental navigation on your site. Your unit footer will appear above the University's required footer containing the copyright, Equal Employment Opportunity (EEO) statement, and a privacy policy link.