Design with Pre-Built Sections

The Two Text with Buttons option is an ideal option when there are two different but equally important paths your visitors may need to take.

Content type options, for both the left and ride side:

• Title (required)
• Text description
• Text alignment (required, center, or left)
• Background color
• Button text (required)
• Button target (required)

Text with Links should be used when important resources need to get called out to visitors. Unlike buttons that lead somewhere off of the page, links often result in file downloads or act as compelling sentences that serve as a “punchline”, encouraging visitors to act.

Content type options:

• Title (required)
• Text description
• Link color
• Link text (required)
• Link target (required)

Text with Buttons is a Call to Action (CTA) content type. On a website, it is an instruction to the visitor to encourage them to take some kind of action. A CTA most commonly comes in the form of a button. These icons have an actionable phrase written in them that entices visitors to click and take further action.

Use Text with Buttons when there is:

• An action that your website visitors will need to take
• Specific content that you are driving visitors toward by calling out and highlighting

Content type options:

• Title (required)
• Text description
• Button color
• Button text (required)
• Button target (required)

TIP: Button text should be concise and action-focused.

Icon Links lets you choose from a variety of suitable icons that can be used to provide bits of information and link to additional resources. Icons work similarly to buttons. They can be helpful when site visitors don’t need further explanation or additional context about what to do next.

Content type options:

• Icon color (in modal 1)
• Icon selector (Font Awesome library)
• Title (required)
• Link target (required)

The Text with Button Overlapping Image option is great for highlighting special content. This design allows you to drive visitors to more information by calling out a unique piece of content.

Content type options:

• Image (required)
• Alt text (required)
• Left/right alignment (required)
• Background color 
• Overlay color
• Title (required)
• Text 
• Button Text (required)
• Button Target (required)

Information Callouts allow you to create stylized boxes for featured content. These blue boxes give visitors a visual cue that the information is important and offset the featured content from the rest of your page.

Content type options:

• Title
• Text (required)

Share video or image content with call-to-action buttons that direct to additional pages or resources. The Image or Video with Button section allows you to build a mobile-friendly two-column layout with an image. 

Site visitors using mobile devices will always see the images above the associated content. If you would prefer to feature a video instead of an image, you will have the ability to choose a thumbnail to display with a play button.

Content type options:

• Title
• Text
• Image (required)
• Alt text (required)
• Video URL
• Background color
• Button text (required)
• Button target (required)

Share video or image content with personalized links that lead to additional TXST websites and beyond.     

The Image or Video with Link option allows you to build a mobile-friendly two-column layout with an image. Site visitors using mobile devices will see the images above the associated content. And, if you need to feature a video instead of an image, you will have the ability to choose a thumbnail to display along with a play button.

Whereas the Image of Video with Button option is restricted to two buttons, the Image or Video with Link option can support up to three links.

Content type options:

• Title
• Text
• Image (required)
• Alt text (required)
• Video URL
• Background color
• Link text (required)
• Link target (required)

Text on Background Image provides you with an accessible way to highlight information while providing a visually engaging background image. It's generally best to choose images free of people, especially close-up shots.

Content type options:

• Image (required)
• Overlay color
• Overlay position 
• Title (required)
• Text
• Button text (required)
• Button target (required)

Highlight important facts and figures relevant to your college, division, office, or organization.

Facts and Figures are used to present call-outs in the Calico template. The basic option allows you to highlight a single fact (e.g. - a number or percentage), followed by a title and supporting text with up to two buttons.

Content type options:

• Callout (usually a number or percentage, required)
• Background
• Background color
• Title (required)
• Text
• Button text (required)
• Button target (required)

Highlight important facts and figures via a callout element while including a relevant image that adds to the information.      

The Facts and Figures with Image option furthers the callout feature, allowing you to pair it with a supporting image. You can also choose this option instead of the Facts and Figures option if you need to break up heavy page content (e.g. long running text).

Content type options:

• Image (required)
• Alt text (required)
• Callout (usually a number or percentage, required)
• Background
• Background color
• Title (required)
• Text
• Button text (required)
• Button target (required)

Highlight and compare important facts and figures. Two Facts and Figures are used to present and compare call-outs side by side. 

Content type options, for both the left and right side:

• Callout (usually a number or percentage, required)
• Background
• Background color
• Title (required)
• Text
• Button text (required)
• Button target (required)

The Quote and Image content type gives you predefined fields to feature a photo and quote. A bordered option is available and recommended when using multiple content types together.

Content type options:

• Image (required)
• Alt text (required)
• Alignment 
• Background color
• Border
• Quotation text (required)
• Cited source
• Source title
• Button text (required)
• Button target (required)

The Styled List content provides a visual way to display links in a uniform fashion. There is an option to select different column layouts and choose an image.

Options include:

• 1–4 columns
• Background color: white or sandstone
• Image optional
• Alt text for image
• Alphabetical optional
• Title
• Link text
• Link target