Skip to content

← Components

Structural component

Section opener

Introduces a major course section with strong orientation.

approved Version introduced: 1.0.0 Platforms: Rise Owner: Design and development steward

Live preview

Rendered with production Rise CSS
Stage 1

Recognise & respond

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

  • Once per genuine major section reset.

Avoid when

  • Every subtopic or minor heading change.

Anatomy

  • Eyebrow
  • Heading
  • Optional intro paragraph

States

default

Responsive behaviour

Type scale reduces fluidly; no text clipping or manual line breaks.

Accessibility

  • Correct heading level for a genuine structural transition (usually h2).

Implementation

Type: custom-html

Dependencies: Production CSS only.

Code

HTML 

  Stage 1
  
Recognise & respond

Classes used: .isq-block, .isq-heading, .isq-eyebrow, .isq-body--intro

Production stylesheet reference →

Related items

Related patterns: Section opener

Related components: Dark / footer band

Governance metadata

OwnerDesign and development steward
StatusApproved
Version introduced1.0.0
Last reviewed2026-07
Known limitationsNone recorded.