Web Element Toolbox

Welcome to the Web Designer Toolkit, your one-stop resource for creating cohesive and professional digital experiences!

This page is packed with examples of web elements, typography options, and button styles tailored to our brand, making it easy to design visually stunning and functional pages. Dive in and explore the tools that will help you bring Kent State's online presence to life!

Paragraph Element Live Demos

Teasers

Interactive elements that showcase headlines, images, and summaries, providing visual previews that link to full content.

Teaser Elements
Containers

Expandable and collapsible elements, including accordions and tabs, that help organize content and improve navigation by toggling visibility.

Container Elements
Miscellaneous

Add hierarchy, content, visual interest, and layout changes to your web content

Miscellaneous Elements
Multimedia Elements

Display images and videos in visually appealing sliders and galleries.

Multimedia Elements
Content Feeds

Elements for displaying feeds of articles, events, and basic pages.

Content Feed Elements

Additional Resources

Button Styles

See the button styles available to use on your web pages.

Button Styles

See the button styles available to use on your web pages.

Button Styles

See the button styles available to use on your web pages.
Copy Styles

Styling on your text should remain consistent across your website.

Copy Styles

Styling on your text should remain consistent across your website.

Copy Styles

Styling on your text should remain consistent across your website.
Homepage Layout Examples

Find illustrations that showcase various element combinations.

Homepage Layout Examples

Find illustrations that showcase various element combinations.

Homepage Layout Examples

Find illustrations that showcase various element combinations.