Skip to content

← Components

Structural component

Dark / footer band

Closes or resets a section with concise reinforcement.

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

Live preview

Rendered with production Rise CSS

Three to five concise points recapping the section.

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

  • End of a major section, as a deliberate structural close.

Avoid when

  • As a general-purpose dark panel unrelated to closing a section.

Anatomy

  • Band container (.isq-footer-band)
  • Title (.isq-footer-band__title)

Variants

isq-footer-band--blueisq-footer-band--stacked

States

default

Responsive behaviour

Two columns become one; the title remains before the explanatory copy.

Accessibility

  • Sufficient contrast for reversed (light-on-dark) text; verified against the dark surface tokens.

Implementation

Type: custom-html

Dependencies: Production CSS only.

Code

HTML 

  
Three to five concise points recapping the section.

Classes used: .isq-footer-band, .isq-footer-band--blue, .isq-footer-band--stacked, .isq-footer-band__title

Production stylesheet reference →

Related items

Related patterns: Section summary

Related components: Section opener Button

Governance metadata

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