Component Guide

Custom Tools for the Job

The SHSU Component Guide helps editors build clear, professional, and student-focused webpages in Cascade CMS.

Components are the building blocks of the site: pre-designed layouts that combine text, images, graphics, buttons, and links into one structure. By arranging these layouts, editors can present information in ways that are easier to understand.

Components also ensure consistency across the site. This improves usability for visitors, builds trust in SHSU’s digital presence, and strengthens the university brand.

Because components use a no-code format, editors simply fill in form fields guided by help text and clear labels. This makes content entry straightforward and reliable.

With design handled by the component and accessibility features built in, editors can focus on writing compelling content that communicates effectively to all audiences.

Choosing a component

Choosing the right component means putting clarity first and using design with purpose.

• Use restraint. Components should be chosen to make information clear and easy to understand. They are not meant to decorate the page or add variety for its own sake.
• Start with Text-WYSIWYG. Most pages should rely on text displayed on a plain background. Words carry the main message, and the Text-WYSIWYG component will be the one you use most often.
• Match the component to the goal. Use components that convey information when the goal is user understanding, and use components that guide users to another page or action (such as events, news directories, callouts, or card grids) when the goal is to keep users moving.
• Add other components only when needed. A change in layout, background, or style draws the reader’s attention. This is helpful for highlighting key information, but if every section looks different, nothing stands out and the page becomes harder to read.
• Limit component types. Most pages only need one or two types of components. Use more only when there is a clear and specific reason to do so.
• Keep the focus on content. The layout should serve the information on the page. Components are there to support clear communication, not compete with the content.

Using This Guide

This guide introduces each component available in Cascade, explaining its purpose, required fields, and best practices for use. Each section follows the same structure:

• Overview – A description of the component and its purpose.
• Required Fields – The minimum information needed for the component to display correctly.
• Character Limits – Guidelines for maximum text lengths to ensure design consistency and readability.
• Usage Guidelines – Best practices for how and when to use the component.
• Key Takeaway – A summary of the component’s value and impact.
• Examples – Sample uses of the component to show how it will look on the page.