Content component

Key message

Isolates one point a learner should retain.

core Current implementation: ISQ Rise Version introduced: 1.0.0 Platforms: Rise Owner: Design and development steward

ISQ Rise implementation preview

Rendered with the governed ISQ production Rise CSS

A parent must be both able and willing to protect the child.

Light background shown; verify against a tinted or dark surface where the component is used that way in course.

Use when / avoid when

Use when

One legal threshold, definition or critical reminder — one to three sentences.

Avoid when

Routine supporting detail, or several messages stacked in one panel.

Anatomy

Callout with a left rule
Message text

States

Responsive behaviour

No structural change; stacks naturally.

Accessibility

Not colour-dependent — the rule is a secondary visual cue, the text carries the meaning.

Current implementation

Theme and platform: ISQ · Articulate Rise

Implementation type: custom-html

The classes below belong to the ISQ implementation namespace. A future theme may implement the same component contract with different tokens and class names.

Dependencies: Production CSS only.

Code

HTML

<div class="isq-callout">
  <p class="isq-body">A parent must be both <strong>able</strong> and <strong>willing</strong> to protect the child.</p>
</div>

Classes used: .isq-callout, .isq-body

ISQ production stylesheet reference →

Related items

Related patterns: Key message

Related components: Callout Legislation panel

Governance metadata

Owner	Design and development steward
Status	Core
Version introduced	1.0.0
Last reviewed	2026-07
Known limitations	None recorded.