Skip to main content

Text Callout


The Text Callout component highlights an important message on the page using a large title, optional supporting description, and an optional call-to-action (CTA) button. It is ideal for drawing attention to time-sensitive notices, program updates, or event-specific instructions.

You can place this component anywhere on the page — top, middle, or bottom — and it's especially effective when you want to break up long sections of content or add urgency to user actions.

The display adapts based on what’s filled in:

  • Title only = large attention-grabbing heading

  • Title + Description = informative block with a supporting sentence

  • Title + Description + CTA = action-oriented announcement with a clickable button

All fields are optional, but the Title is recommended in all cases for clarity and impact.

Best used for:

  • Reminders about registration or submission deadlines

  • Promotional notices for key events

  • Announcements that require user action (e.g., download, register, apply)

Tips:

  • Keep titles short and action-focused (e.g., “Register Now” or “Don’t Miss Out!”)

  • Use the description field to clarify details, such as a date or a policy change

  • Link to a relevant internal or external URL using the CTA button

  • Use sparingly per page to retain visual impact

Components
Variation 1

Event Registration Reminder

Variation: 2

Don’t Miss the Registration Deadline!

Final call for racers: Registration for the IHRA Spring Nationals closes on March 8. Late entries will not be accepted.

Variation: 3

Don’t Miss the Registration Deadline!

Final call for racers: Registration for the IHRA Spring Nationals closes on March 8. Late entries will not be accepted.

📘 Register Now