Interactive Elements

Button Styles

To ensure a consistent user experience, the same button style is used across the entire UHCL.edu site.

Example Button

Link Styles

Hyperlinks are shown in the UHCL Blue with a 40% transparent underline that becomes 100% upon hover. This is a universal style for all hyperlinks - including headings and sidebar content.

Example Link

Accordion Structure

Accordions are used to consolidate a multitude of selection options or user pathways. They reduce scroll fatigue, as well as help to organize content to simplify the user's experience.

Tab Structure